/* TechSMM — New Order UI (Figma 701:70714) */
:root {
  --ts-cdn: https: ; //my-techsmm-com.ahmad-iftekhar2004.workers.dev;
  --ts-bg: #040102;
  --ts-sidebar: #0a0406;
  --ts-pink: #be0e4b;
  --ts-pink-dark: #91133f;
  --ts-pink-mid: #af1349;
  --ts-n20: #f5f6f7;
  --ts-n30: #ebecef;
  --ts-body: #d3d3d3;
  --ts-green: #34c759;
  --ts-card-border: rgba(212, 212, 212, 0.12);
  --ts-sidebar-w: 302px;
  --ts-topbar-h: 84px;
  --ts-radius: 16px;
  --ts-radius-sm: 10px;
  --ts-radius-md: 12px;
  --ts-font: 'Inter', system-ui, sans-serif;
  --ts-grad-pink: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  --ts-grad-card: linear-gradient(
    117deg,
    rgba(104, 104, 104, 0.04) 2.5%,
    rgba(255, 255, 255, 0.04) 100%
  );
  --ts-grad-name: linear-gradient(145deg, #ff608c 23%, #df1149 78%);
}

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

.ts-body {
  margin: 0;
  background: var(--ts-bg);
  color: var(--ts-n20);
  font-family: var(--ts-font);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  color-scheme: dark;
}

/* Native <select> dropdown list — dark mode (all app pages) */
html body.ts-body:not(.is-light) select,
html body.ts-body:not(.is-light) select.form-control,
html body.ts-body:not(.is-light) .ts-acc-field__select,
html body.ts-body:not(.is-light) .ts-api-type-select__control {
  color: #f5f6f7;
  color-scheme: dark;
  accent-color: #b10f47;
}

html body.ts-body:not(.is-light) select option,
html body.ts-body:not(.is-light) select optgroup {
  background-color: #12060a;
  color: #f5f6f7;
}

html body.ts-body:not(.is-light) select option:checked,
html body.ts-body:not(.is-light) select option:hover,
html body.ts-body:not(.is-light) select option:focus {
  background-color: #b10f47;
  color: #ffffff;
}

html body.ts-body.is-light {
  color-scheme: light;
}

html body.ts-body.is-light select,
html body.ts-body.is-light select.form-control,
html body.ts-body.is-light .ts-acc-field__select,
html body.ts-body.is-light .ts-api-type-select__control {
  color-scheme: light;
  accent-color: #b10f47;
}

html body.ts-body.is-light select option,
html body.ts-body.is-light select optgroup {
  background-color: #ffffff;
  color: #222e48;
}

html body.ts-body.is-light select option:checked,
html body.ts-body.is-light select option:hover,
html body.ts-body.is-light select option:focus {
  background-color: #b10f47;
  color: #ffffff;
}

.ts-body.ts-auth {
  display: block;
}

/* —— Alerts (Bootstrap 5 markup, theme-owned styles) —— */
.ts-body .alert,
.ts-acc-modal .alert {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 16px;
  padding: 14px 48px 14px 16px;
  border: 1px solid transparent;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
  color: #fff;
}

.ts-body .alert.hidden,
.ts-acc-modal .alert.hidden,
.ts-body .alert[hidden],
.ts-acc-modal .alert[hidden] {
  display: none !important;
}

.ts-body .alert-success,
.ts-acc-modal .alert-success {
  background: rgba(52, 199, 89, 0.16);
  border-color: rgba(52, 199, 89, 0.42);
  color: #b8f5c8;
}

.ts-body .alert-danger,
.ts-acc-modal .alert-danger {
  background: rgba(250, 81, 81, 0.16);
  border-color: rgba(250, 81, 81, 0.45);
  color: #ffc9c9;
}

.ts-body .alert-warning,
.ts-acc-modal .alert-warning {
  background: rgba(255, 179, 64, 0.14);
  border-color: rgba(255, 179, 64, 0.4);
  color: #ffe0a8;
}

.ts-body .alert-info,
.ts-acc-modal .alert-info {
  background: rgba(90, 160, 255, 0.14);
  border-color: rgba(90, 160, 255, 0.4);
  color: #c7ddff;
}

.ts-body .alert .btn-close,
.ts-acc-modal .alert .btn-close,
.ts-body .alert > .close,
.ts-acc-modal .alert > .close {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  float: none;
  width: 1em;
  height: 1em;
  padding: 0.25em;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: currentColor;
  text-shadow: none;
  background: transparent
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707A1 1 0 0 1 .293.293z'/%3E%3C/svg%3E")
    center / 0.75em auto no-repeat;
  border: 0;
  border-radius: 4px;
  opacity: 0.7;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  box-sizing: content-box;
}

.ts-body .alert > .close,
.ts-acc-modal .alert > .close {
  font-size: 0;
  color: transparent;
  text-indent: 0;
}

.ts-body .alert .btn-close:hover,
.ts-acc-modal .alert .btn-close:hover,
.ts-body .alert > .close:hover,
.ts-acc-modal .alert > .close:hover {
  opacity: 1;
}

.ts-body .rtl-alert,
.ts-acc-modal .rtl-alert {
  padding: 14px 16px 14px 48px;
}

.ts-body .rtl-alert .btn-close,
.ts-acc-modal .rtl-alert .btn-close,
.ts-body .rtl-alert > .close,
.ts-acc-modal .rtl-alert > .close {
  right: auto;
  left: 12px;
}

/* —— Sidebar —— */
.ts-sidebar {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: var(--ts-sidebar-w);
  background-color: var(--ts-sidebar);
  background-image: url('https://my-techsmm-com.ahmad-iftekhar2004.workers.dev/left-side-layout-bg.png');
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
  z-index: 1040;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 22px 16px 32px;
  border-right: 1px solid rgba(255, 255, 255, 0.04);
  scrollbar-width: none;
  -ms-overflow-style: none;
  transition: transform 0.25s ease;
}

.ts-sidebar__collapse-btn {
  position: fixed;
  top: calc(22px + 20px);
  left: calc(var(--ts-sidebar-w) - 18px);
  z-index: 1100;
  width: 36px;
  height: 36px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: var(--ts-grad-pink);
  box-shadow: 0 4px 14px rgba(190, 14, 75, 0.45);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
  transition:
    left 0.25s ease,
    box-shadow 0.2s ease;
  pointer-events: auto;
}

.ts-sidebar__collapse-btn:hover {
  box-shadow: 0 6px 18px rgba(190, 14, 75, 0.55);
}

.ts-sidebar__collapse-btn img {
  display: block;
  width: 10px;
  height: 16px;
  transition: transform 0.25s ease;
}

.ts-body.is-sidebar-collapsed .ts-sidebar {
  transform: translateX(-100%);
}

.ts-body.is-sidebar-collapsed .ts-shell {
  margin-left: 0;
}

.ts-body.is-sidebar-collapsed .ts-sidebar__collapse-btn {
  left: 8px;
}

.ts-body.is-sidebar-collapsed .ts-sidebar__collapse-btn img {
  transform: rotate(180deg);
}

.ts-sidebar::-webkit-scrollbar,
.ts-sidebar__inner::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.ts-sidebar__glow {
  display: none;
}

.ts-sidebar__head {
  position: relative;
  margin-bottom: 40px;
}

.ts-sidebar__close {
  display: none;
}

.ts-sidebar__logo {
  position: relative;
  display: block;
  width: 190px;
  height: 40px;
  margin: 0 auto;
}

.ts-sidebar__logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.ts-logo--light {
  display: none;
}

.ts-body.is-light .ts-logo--dark {
  display: none !important;
}

.ts-body.is-light .ts-logo--light {
  display: block !important;
}

.ts-sidebar__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 26px;
  padding: 0 6px;
}

.ts-user-card {
  position: relative;
  width: 258px;
  height: 200px;
  min-height: 200px;
  flex-shrink: 0;
  border-radius: var(--ts-radius);
  background-color: transparent;
  background-image: url('https://my-techsmm-com.ahmad-iftekhar2004.workers.dev/avatar-bg.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: 0.8px solid var(--ts-card-border);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 28px;
}

.ts-user-card::before {
  display: none;
}

.ts-user-card__avatar {
  width: 77px;
  height: 71px;
  border-radius: 12px;
  overflow: visible;
  background-image: url('https://my-techsmm-com.ahmad-iftekhar2004.workers.dev/avatar-image-bg.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  z-index: 1;
  perspective: 700px;
}

.ts-user-card__flip {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  animation: ts-avatar-flip 6.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}

.ts-user-card__face {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  overflow: hidden;
}

.ts-user-card__face--front {
  background-image: url('https://my-techsmm-com.ahmad-iftekhar2004.workers.dev/avatar-image-bg.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.ts-user-card__face--front img {
  width: 60px;
  height: 87px;
  object-fit: cover;
  position: absolute;
  left: 50%;
  top: 1px;
  transform: translateX(-50%);
}

.ts-user-card__face--back {
  transform: rotateY(180deg);
  background: linear-gradient(
    160deg,
    rgba(190, 14, 75, 0.35) 0%,
    rgba(10, 4, 8, 0.92) 100%
  );
  border: 1px solid rgba(255, 255, 255, 0.18);
  gap: 2px;
  padding: 4px 2px 6px;
}

.ts-user-card__crown {
  width: 40px;
  height: 42px;
  object-fit: contain;
  filter: drop-shadow(0 4px 10px rgba(190, 14, 75, 0.45));
  animation: ts-avatar-crown-float 2.4s ease-in-out infinite;
}

.ts-user-card__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 46px;
  padding: 1px 7px;
  border-radius: 999px;
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.3;
  text-transform: uppercase;
  box-shadow: 0 2px 8px rgba(190, 14, 75, 0.4);
}

@keyframes ts-avatar-flip {
  0%,
  38% {
    transform: rotateY(0deg);
  }
  50%,
  88% {
    transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}

@keyframes ts-avatar-crown-float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-2px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ts-user-card__flip,
  .ts-user-card__crown {
    animation: none;
  }

  .ts-user-card__flip {
    transform: none;
  }
}

.ts-user-card__name {
  margin-top: 12px;
  font-family: 'Monda', var(--ts-font);
  font-weight: 600;
  font-size: 18px;
  line-height: 1.5;
  text-align: center;
  background: var(--ts-grad-name);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  position: relative;
  z-index: 1;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ts-user-card__row {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 8px;
  width: 140px;
  position: relative;
  z-index: 1;
}

.ts-user-card__balance {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding: 4px 10px;
  border: 0.5px solid #fff;
  border-radius: 4px 18px 4px 18px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none !important;
  background: transparent;
  white-space: nowrap;
}

.ts-user-card__plus {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  min-width: 57px;
  border-radius: 4px 18px 4px 18px;
  background: var(--ts-grad-pink);
  backdrop-filter: blur(25px);
  transform: scale(1);
  transform-origin: center;
  will-change: transform;
  transition:
    transform 200ms ease-out,
    filter 200ms ease-out,
    box-shadow 200ms ease-out;
}

.ts-user-card__plus:hover {
  transform: scale(1.05);
  filter: brightness(1.12);
  box-shadow: 0 0 12px rgba(190, 14, 75, 0.4);
}

.ts-user-card__plus:active {
  transform: scale(0.95);
  filter: brightness(1.06);
  box-shadow: 0 0 8px rgba(190, 14, 75, 0.3);
}

.ts-user-card__plus img {
  display: block;
  width: 18px;
  height: 18px;
}

.ts-balance-dd {
  position: relative;
}

.ts-balance-dd .dropdown-menu {
  background: #1a0a10;
  border: 1px solid rgba(255, 255, 255, 0.08);
  min-width: 120px;
}

.ts-balance-dd .dropdown-menu > li > a {
  color: var(--ts-n20);
}

/* —— Nav —— */
.ts-nav__label {
  margin: 0 0 12px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  letter-spacing: 0.02em;
}

.ts-nav__section {
  margin-bottom: 16px;
}

.ts-nav__section-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 12px;
  border: none;
  border-left: 2px solid #fff;
  border-radius: var(--ts-radius-md);
  background: var(--ts-grad-pink);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  box-shadow: inset 4px 0 12px rgba(255, 255, 255, 0.14);
  cursor: pointer;
  text-align: left;
}

.ts-nav__section[data-section='earn'] .ts-nav__section-btn,
.ts-nav__section[data-section='api'] .ts-nav__section-btn {
  background: #af1349;
}

.ts-nav__chevron-wrap {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ts-nav__chevron {
  width: 23px;
  height: 24px;
  transform: rotate(90deg);
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.ts-nav__section.is-open .ts-nav__chevron {
  transform: rotate(-90deg);
}

/* Smooth accordion */
.ts-nav__collapse {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.ts-nav__section.is-open .ts-nav__collapse {
  grid-template-rows: 1fr;
}

.ts-nav__collapse-inner {
  overflow: hidden;
  min-height: 0;
}

.ts-nav__list {
  list-style: none;
  margin: 16px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
}

.ts-nav__item {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 0 0 18px;
}

.ts-nav__item:last-child {
  padding-bottom: 0;
}

/* connector.svg between icon nodes */
.ts-nav__item:not(:last-child)::after {
  content: '';
  position: absolute;
  left: 17px;
  bottom: 1px;
  width: 6px;
  height: 16px;
  background-image: url('https://my-techsmm-com.ahmad-iftekhar2004.workers.dev/connector.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 6px 16px;
  pointer-events: none;
  z-index: 0;
}

.ts-nav__item a {
  display: flex;
  align-items: center;
  gap: 9px;
  text-decoration: none !important;
  color: var(--ts-n20);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  padding: 0;
  transition:
    color 0.2s ease,
    opacity 0.2s ease;
}

.ts-nav__item a:hover .ts-nav__text {
  opacity: 0.85;
}

.ts-nav__item.is-active a .ts-nav__text {
  font-weight: 600;
  background: var(--ts-grad-name);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.ts-nav__icon {
  position: relative;
  z-index: 1;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ts-nav__poly {
  position: absolute;
  inset: 0;
  width: 40px;
  height: 40px;
  display: block;
}

.ts-nav__glyph {
  position: relative;
  z-index: 1;
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.ts-nav__item--empty {
  padding: 8px 0 8px 49px;
  opacity: 0.5;
  font-size: 13px;
}

/* —— Shell / Topbar —— */
.ts-shell {
  margin-left: var(--ts-sidebar-w);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  transition: margin-left 0.25s ease;
}

.ts-topbar {
  position: sticky;
  top: 0;
  z-index: 1030;
  min-height: var(--ts-topbar-h);
  height: auto;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 24px;
  background-color: #0a0406;
  background-image: url('https://my-techsmm-com.ahmad-iftekhar2004.workers.dev/top-layout-bg.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
  transition: padding-left 0.25s ease;
}

.ts-body.is-sidebar-collapsed .ts-topbar {
  padding-left: 56px;
}

.ts-topbar__left {
  display: none;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

.ts-topbar__brand {
  display: block;
  height: 32px;
  line-height: 0;
}

.ts-topbar__brand img {
  height: 32px;
  width: auto;
  max-width: 140px;
  object-fit: contain;
}

.ts-topbar__menu {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 10px;
  background: var(--ts-grad-pink);
  padding: 0 11px;
  margin: 0;
  cursor: pointer;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(190, 14, 75, 0.35);
}

.ts-topbar__menu span {
  display: block;
  height: 2px;
  background: #fff;
  border-radius: 1px;
}

.ts-topbar__menu span:nth-child(1) {
  width: 18px;
}

.ts-topbar__menu span:nth-child(2) {
  width: 13px;
}

.ts-topbar__menu span:nth-child(3) {
  width: 18px;
}

.ts-topbar__title {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}

.ts-topbar__title img {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.ts-topbar__right {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  overflow: visible;
  position: relative;
  z-index: 5;
}

.ts-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 5px;
  border-radius: 20px;
  border: 0.8px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(
    103.69deg,
    rgba(255, 35, 95, 0.2) 2.4%,
    rgba(183, 12, 59, 0.2) 95.76%
  );
  text-decoration: none !important;
  color: #fff !important;
  position: relative;
  overflow: visible;
  box-sizing: border-box;
}

.ts-pill .dropdown-toggle {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #fff !important;
  text-decoration: none !important;
  padding: 0;
  background: none;
  border: none;
  height: 100%;
}

.ts-pill .dropdown-toggle::after {
  display: none;
}

.ts-pill__icon {
  width: 30px;
  height: 30px;
  border-radius: 50px;
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 3px;
  box-sizing: border-box;
}

.ts-pill__icon img {
  width: 14px;
  height: 14px;
  display: block;
}

.ts-pill__text {
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  padding: 0 2px;
  white-space: nowrap;
}

.ts-pill__caret {
  width: 12px;
  height: 24px;
  transform: rotate(90deg) scaleY(-1);
  flex-shrink: 0;
  opacity: 1;
}

.ts-pill--balance {
  padding-right: 4px;
}

.ts-pill--notify {
  width: 40px;
  height: 40px;
  min-width: 40px;
  padding: 5px 4px 5px 5px;
  box-sizing: border-box;
  justify-content: center;
  background: linear-gradient(
    90deg,
    rgba(190, 14, 75, 0.2) 0%,
    rgba(145, 19, 63, 0.2) 100%
  );
  backdrop-filter: blur(10px);
}

.ts-pill--notify .ts-pill__icon {
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  padding: 3px;
  box-sizing: border-box;
  flex-shrink: 0;
}

.ts-pill--notify .ts-pill__icon img {
  width: 16px;
  height: 16px;
}

.ts-pill__badge {
  position: absolute;
  top: 4px;
  right: 4px;
  min-width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
  color: #be0e4b;
  font-size: 8px;
  font-weight: 700;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2px;
  z-index: 2;
}

.ts-pill--avatar {
  padding: 5px;
  background: linear-gradient(
    90deg,
    rgba(190, 14, 75, 0.2) 0%,
    rgba(145, 19, 63, 0.2) 100%
  );
}

.ts-pill__avatar {
  width: 30px;
  height: 30px;
  margin-right: 8px;
  border-radius: 50px;
  object-fit: cover;
  flex-shrink: 0;
  background: linear-gradient(93.46deg, #d181ff 2.85%, #ff63be 90.5%);
}

/* Theme toggle — Figma 701:70727 */
.ts-theme-toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 60px;
  height: 40px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  flex-shrink: 0;
}

.ts-theme-toggle__track {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 54px;
  height: 23px;
  border-radius: 11.5px;
  background: rgba(255, 253, 253, 0.22);
  backdrop-filter: blur(50px);
}

.ts-theme-toggle__label {
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  color: #f5f6f7;
  z-index: 1;
  pointer-events: none;
}

.ts-theme-toggle__knob {
  position: absolute;
  right: -4px;
  top: 50%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ts-theme-toggle__icon {
  width: 42px;
  height: 42px;
  display: block;
  object-fit: contain;
}

.ts-pill .dropdown-menu,
.ts-topbar__right .dropdown-menu {
  background: #1a0a10;
  border: 1px solid rgba(255, 255, 255, 0.08);
  margin-top: 8px;
}

.ts-dd.dropdown-menu {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  left: auto;
  min-width: 160px;
  width: 180px;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 12px;
  overflow: hidden;
  background-color: rgba(34, 5, 15, 0.96);
  background-image: linear-gradient(
    176.43deg,
    rgba(91, 8, 37, 0.84) 3%,
    rgba(34, 5, 15, 0.84) 97%
  );
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
  z-index: 2000;
  float: none;
}

.ts-pill.dropdown.open > .ts-dd,
.ts-pill.dropdown.show > .ts-dd,
.ts-pill.dropdown.is-open > .ts-dd {
  display: block !important;
}

.ts-dd.dropdown-menu > li > a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #f5f6f7 !important;
  text-decoration: none !important;
  border-bottom: 0.4px dashed rgba(255, 255, 255, 0.16);
  white-space: nowrap;
  background: transparent;
}

.ts-dd.dropdown-menu > li > a:hover,
.ts-dd.dropdown-menu > li > a:focus,
.ts-dd.dropdown-menu > li > a:active,
.ts-dd.dropdown-menu > li.active > a,
.ts-dd.dropdown-menu > .active > a {
  background: rgba(255, 255, 255, 0.06);
  color: #fff !important;
  text-decoration: none !important;
}

.ts-dd__icon {
  width: 20px;
  height: 20px;
  object-fit: contain;
  flex-shrink: 0;
}

.ts-dd__icon--text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  font-size: 12px;
  font-weight: 600;
  color: #ff608c;
  line-height: 1;
}

.ts-dd.dropdown-menu > li:last-child > a {
  border-bottom: none;
}

.ts-dd--profile {
  background-color: #2d0e17;
  background-image: none;
  border-radius: 12px;
}

.ts-dd--profile > li.is-account > a span,
.ts-dd--profile > li.is-account.active > a span {
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  color: #f5f6f7 !important;
}

.ts-dd--profile > li.is-logout > a,
.ts-dd--profile > li.is-logout > a:hover,
.ts-dd--profile > li.is-logout > a:focus {
  color: #fa5151 !important;
  background: transparent;
  text-decoration: none !important;
}

.ts-dd--balance {
  min-width: 178px;
  width: 178px;
  max-height: 280px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.22) transparent;
  background-color: #1a1a1a !important;
  background-image: none !important;
  border: none !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
}

.ts-dd--balance > li > a {
  display: block;
  padding: 10px 16px;
  min-height: 40px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  color: #ffffff !important;
  border-bottom: none !important;
  white-space: nowrap;
}

.ts-dd--balance > li > a:hover,
.ts-dd--balance > li > a:focus,
.ts-dd--balance > li.active > a {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

.ts-dd--balance > li.ts-dd__empty {
  pointer-events: none;
}

.ts-dd--balance > li.ts-dd__empty .ts-dd__empty-text {
  display: block;
  padding: 12px 16px;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.55);
  white-space: normal;
}

.ts-pill .dropdown-menu > li > a,
.ts-topbar__right .dropdown-menu > li > a {
  color: var(--ts-n20);
  text-decoration: none !important;
}

.ts-pill .dropdown-menu > li > a:hover,
.ts-topbar__right .dropdown-menu > li > a:hover,
.ts-pill .dropdown-menu > .active > a,
.ts-topbar__right .dropdown-menu > .active > a {
  background: rgba(190, 14, 75, 0.35);
  color: #fff;
  text-decoration: none !important;
}

/* —— Main —— */
.ts-main {
  flex: 1;
  padding: 24px;
  box-sizing: border-box;
}

.ts-main--guest {
  padding: 24px 0;
}

.ts-page {
  max-width: 1570px;
  margin: 0 auto;
  width: 100%;
}

/* —— Stats —— */
.ts-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 356px)) minmax(0, 454px);
  gap: 16px;
  margin-bottom: 24px;
}

.ts-stat-card {
  position: relative;
  min-height: 159px;
  border-radius: var(--ts-radius);
  border: 0.8px solid var(--ts-card-border);
  background-color: transparent;
  background-image: url('https://my-techsmm-com.ahmad-iftekhar2004.workers.dev/first-card.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  padding: 32px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
}

.ts-stat-card::before {
  display: none;
}

.ts-stat-card__value {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5;
  color: var(--ts-n20);
  margin: 0;
}

.ts-stat-card__body {
  min-width: 0;
  flex: 1 1 auto;
}

.ts-stat-card__value--username {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ts-stat-card__label {
  font-size: 14px;
  font-weight: 500;
  color: var(--ts-n30);
  margin-top: 5px;
}

.ts-stat-card__trend {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 11px;
  flex-wrap: wrap;
}

.ts-stat-card__trend-num {
  color: var(--ts-green);
  font-size: 14px;
  font-weight: 500;
}

.ts-stat-card__trend-txt {
  color: var(--ts-body);
  font-size: 14px;
}

.ts-stat-card__icon {
  width: 60px;
  height: 60px;
  border-radius: var(--ts-radius);
  background: rgba(128, 128, 128, 0.24);
  border: 0.5px solid rgba(255, 255, 255, 0.19);
  backdrop-filter: blur(100px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
}

.ts-stat-card__icon img {
  max-width: 44px;
  max-height: 44px;
  object-fit: contain;
}

.ts-stat-card--giveaway {
  border: 0.8px solid rgba(190, 14, 75, 0.45);
  align-items: flex-start;
  background-image: url('https://my-techsmm-com.ahmad-iftekhar2004.workers.dev/last-card-without-border.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  text-decoration: none !important;
  color: inherit;
  cursor: pointer;
}

.ts-stat-card__desc {
  font-size: 14px;
  line-height: 1.4;
  color: var(--ts-n30);
  margin-top: 5px;
  max-width: 280px;
}

.ts-stat-card__giveaway-img {
  position: absolute;
  right: 4px;
  bottom: -30px;
  width: 116px;
  height: 116px;
  pointer-events: none;
}

.ts-stat-card__giveaway-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.ts-stat-card__ext {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  background-color: rgba(228, 228, 228, 0.12);
  background-image: none;
  border: 0.3px solid rgba(255, 255, 255, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  pointer-events: none;
  transition:
    background-color 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease;
}

.ts-stat-card--giveaway:hover .ts-stat-card__ext,
.ts-stat-card--giveaway:focus-visible .ts-stat-card__ext {
  background-color: #be0e4b;
  background-image: none;
  border-color: transparent;
  box-shadow: 0 4px 12px rgba(190, 14, 75, 0.4);
}

.ts-stat-card__ext img {
  width: 15px;
  height: 15px;
  filter: none;
  transition: filter 0.18s ease;
}

.ts-stat-card--giveaway:hover .ts-stat-card__ext img,
.ts-stat-card--giveaway:focus-visible .ts-stat-card__ext img {
  filter: brightness(0) invert(1);
}

/* —— Platforms —— */
.ts-platforms {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
  padding: 16px;
  margin-bottom: 24px;
  border-radius: var(--ts-radius);
  background: rgba(166, 166, 166, 0.08);
  backdrop-filter: blur(100px);
}

.ts-platform {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 54px;
  padding: 8px 16px;
  border-radius: var(--ts-radius-sm);
  border: 0.5px solid rgba(179, 49, 88, 0.35);
  background: rgba(67, 67, 67, 0.3);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  cursor: pointer;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    transform 0.15s ease;
}

.ts-platform:hover {
  transform: translateY(-1px);
  border-color: rgba(190, 14, 75, 0.6);
}

.ts-platform.is-active {
  background: var(--ts-grad-pink);
  border-color: transparent;
}

.ts-platform__icon {
  position: relative;
  width: 38px;
  height: 38px;
  flex-shrink: 0;
  display: grid;
  place-items: center;
}

.ts-platform__poly {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  object-fit: contain;
  object-position: center;
  pointer-events: none;
}

.ts-platform__logo {
  position: relative;
  z-index: 1;
  width: 20px;
  height: 20px;
  object-fit: contain;
  object-position: center;
  display: block;
}

.ts-platform__label {
  white-space: nowrap;
}

.ts-toast-host {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 4000;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  pointer-events: none;
}

.ts-toast {
  min-width: 260px;
  max-width: 360px;
  padding: 14px 18px;
  border-radius: 12px;
  background: #14080c;
  border: 1px solid rgba(190, 14, 75, 0.55);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
  color: #f5f6f7;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  opacity: 0;
  transform: translateY(8px);
  transition:
    opacity 0.25s ease,
    transform 0.25s ease;
}

.ts-toast.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.select2-results__option[id$='__ts_clear_filter__'] {
  color: #ff608c !important;
  font-weight: 600 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* —— Order grid —— */
.ts-order-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.72fr);
  gap: 24px;
  align-items: stretch;
}

.ts-neworder .ts-order-grid {
  align-items: start;
}

/* Left + right cards (new order / mass order) */
.ts-neworder .ts-order-grid > .ts-card {
  border-radius: 28px;
  background: rgba(107, 107, 107, 0.12);
  backdrop-filter: blur(40px);
  border: 0.5px solid rgba(255, 255, 255, 0.08);
  padding: 24px 20px;
}

/* Right info card — natural height (does not stretch to match form) */
.ts-info-card {
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 0;
  overflow: visible;
  gap: 24px;
  align-self: start;
}

.ts-info-card .ts-info-tabs-wrap {
  flex-shrink: 0;
}

.ts-info-panels {
  flex: none;
  display: flex;
  flex-direction: column;
}

.ts-info-panel.is-active > .ts-info-box:not(.ts-info-box--desc) {
  flex-shrink: 0;
}

.ts-card {
  border-radius: var(--ts-radius);
  background: rgba(166, 166, 166, 0.08);
  backdrop-filter: blur(40px);
  border: 0.8px solid var(--ts-card-border);
  padding: 28px 20px 24px;
}

.ts-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 28px;
  flex-wrap: wrap;
}

.ts-order-form-card .ts-card__head,
.ts-af-form-card .ts-card__head {
  margin-bottom: 28px;
  padding: 8px 8px 8px 16px;
  border-radius: 14px;
  background: rgba(103, 103, 103, 0.16);
  backdrop-filter: blur(20px);
  flex-wrap: nowrap;
}

.ts-card__title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}

.ts-order-form-card .ts-card__title,
.ts-af-form-card .ts-card__title {
  font-size: 18px;
  font-weight: 500;
  white-space: nowrap;
}

.ts-tabs {
  display: inline-flex;
  align-items: center;
  gap: 0;
  padding: 8px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.25);
  border: 0.5px solid rgba(255, 255, 255, 0.06);
}

.ts-order-form-card .ts-tabs--sm,
.ts-af-form-card .ts-tabs--sm {
  background: linear-gradient(
    128.65deg,
    rgba(120, 15, 52, 0.245) 0.37%,
    rgba(100, 27, 49, 0.375) 99.18%
  );
  border: none;
  padding: 8px;
  border-radius: 12px;
  gap: 8px;
}

.ts-order-form-card .ts-tabs--sm .ts-tabs__item,
.ts-af-form-card .ts-tabs--sm .ts-tabs__item {
  min-width: 121px;
  height: auto;
  padding: 8px 16px;
  font-size: 16px;
  line-height: 1.3;
}

.ts-tabs__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 121px;
  height: 37px;
  padding: 0 16px;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: var(--ts-n20);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none !important;
  cursor: pointer;
  white-space: nowrap;
}

.ts-tabs__item.is-active {
  background: var(--ts-grad-pink);
  color: #fff;
}

.ts-info-tabs-wrap {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 80px;
  padding: 12px;
  border-radius: 14px;
  background: rgba(103, 103, 103, 0.16);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(103, 103, 103, 0.16);
  box-sizing: border-box;
}

.ts-tabs--info {
  display: flex;
  width: auto;
  max-width: 100%;
  margin-bottom: 0;
  overflow-x: auto;
  justify-content: flex-start;
  align-items: center;
  background: linear-gradient(
    135.46deg,
    rgba(120, 15, 52, 0.245) 0.37%,
    rgba(100, 27, 49, 0.375) 99.18%
  );
  border: none;
  border-radius: 12px;
  padding: 8px;
  gap: 8px;
}

.ts-tabs--info .ts-tabs__item {
  flex: 0 0 auto;
  min-width: 0;
  height: auto;
  min-height: 37px;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #f5f6f7;
  white-space: nowrap;
}

.ts-tabs--info .ts-tabs__item.is-active {
  background: var(--ts-grad-pink);
  color: #fff;
  box-shadow: none;
}

/* —— Form —— */
.ts-order-form .form-group {
  margin-bottom: 24px;
}

.ts-order-form .ts-search-group {
  margin-bottom: 32px;
}

.ts-order-form .control-label {
  display: block;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 500;
  color: rgba(245, 246, 247, 0.85);
}

.ts-order-form .select2-container {
  width: 100% !important;
  display: block;
}

.ts-order-form input.form-control,
.ts-order-form select.form-control,
.ts-order-form .select2-container--default .select2-selection--single,
.ts-order-form .select2-selection.select2-selection--single,
.ts-search-wrap .form-control,
#orderform-category + .select2-container .select2-selection,
#orderform-service + .select2-container .select2-selection,
.ts-body .select2-container--default .select2-selection--single {
  height: 60px !important;
  min-height: 60px !important;
  border-radius: 12px !important;
  border: none !important;
  background-color: rgba(121, 121, 121, 0.18) !important;
  background-image: none !important;
  backdrop-filter: blur(40px);
  color: #f5f6f7 !important;
  -webkit-text-fill-color: #f5f6f7 !important;
  caret-color: #f5f6f7 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  padding: 18px !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.ts-order-form .select2-container--default .select2-selection--single,
.ts-order-form .select2-selection.select2-selection--single,
#orderform-category + .select2-container .select2-selection,
#orderform-service + .select2-container .select2-selection,
.ts-body .select2-container--default .select2-selection--single {
  display: flex !important;
  align-items: center !important;
}

.ts-order-form .form-control:focus,
.search-dropdown input:focus,
#new-order-search input:focus,
.ts-body
  .select2-container--default.select2-container--focus
  .select2-selection--single,
.ts-body
  .select2-container--default.select2-container--open
  .select2-selection--single {
  border: none !important;
  outline: none !important;
  box-shadow: 0 0 0 1.5px rgba(190, 14, 75, 0.55) !important;
  background-color: rgba(121, 121, 121, 0.24) !important;
}

.ts-body
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  display: block !important;
  color: #f5f6f7 !important;
  -webkit-text-fill-color: #f5f6f7 !important;
  line-height: 24px !important;
  padding-left: 0 !important;
  padding-right: 28px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.ts-order-form .select2-container--default .select2-selection--single,
.ts-order-form .select2-selection.select2-selection--single,
#orderform-category + .select2-container .select2-selection,
#orderform-service + .select2-container .select2-selection {
  overflow: hidden !important;
}

#orderform-service + .select2-container .select2-selection__rendered,
#orderform-category + .select2-container .select2-selection__rendered {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 100% !important;
}

.ts-body
  .select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: rgba(245, 246, 247, 0.55) !important;
}

.ts-body
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 58px !important;
  right: 12px !important;
  width: 24px !important;
}

.ts-body
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #f5f6f7 transparent transparent transparent !important;
  border-width: 6px 5px 0 5px !important;
  margin-top: -2px !important;
}

.ts-body
  .select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: transparent transparent #f5f6f7 transparent !important;
  border-width: 0 5px 6px 5px !important;
}

html body.ts-body .select2-container--open,
html body.ts-body .select2-dropdown {
  z-index: 1020 !important;
}

/* One outer dropdown box only */
html body.ts-body .select2-dropdown,
html body.ts-body .select2-dropdown--below,
html body.ts-body .select2-dropdown--above,
html body.ts-body .select2-container--default .select2-dropdown,
html body.ts-body .select2-container--bootstrap .select2-dropdown,
html body.ts-body .select2-container--classic .select2-dropdown,
html body.ts-body .select2-container--open .select2-dropdown,
html body.ts-body .select2-drop,
html body.ts-body .select2-drop-active,
html body.ts-body #select2-drop,
html body.ts-body .select2-dropdown.dropdown-menu,
html body.ts-body .search-dropdown > .select2-results {
  background: #12060a !important;
  background-color: #12060a !important;
  color: #f5f6f7 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.55) !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin-top: 6px !important;
  float: none !important;
}

html body.ts-body .select2-dropdown.dropdown-menu {
  position: absolute !important;
  display: block !important;
  min-width: 0 !important;
}

/* Inner list is not a second box */
html body.ts-body .select2-dropdown .select2-results,
html body.ts-body .select2-dropdown .select2-results__options,
html body.ts-body .select2-drop .select2-results,
html
  body.ts-body
  .select2-container--default
  .select2-results
  > .select2-results__options,
html body.ts-body .select2-results__options,
html body.ts-body ul.select2-results,
html body.ts-body .select2-results {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f5f6f7 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.ts-body .select2-results li,
html body.ts-body .select2-results__option,
html body.ts-body .select2-result,
html body.ts-body .select2-result-label,
html
  body.ts-body
  .select2-results__option
  *:not(.id):not(.ts-opt-id):not(.service-id):not(.cid):not(
    .select2-selection__id
  ),
html
  body.ts-body
  .select2-result-label
  *:not(.id):not(.ts-opt-id):not(.service-id):not(.cid):not(
    .select2-selection__id
  ),
html
  body.ts-body
  .select2-result
  *:not(.id):not(.ts-opt-id):not(.service-id):not(.cid):not(
    .select2-selection__id
  ) {
  color: #f5f6f7 !important;
  -webkit-text-fill-color: #f5f6f7 !important;
  background-image: none !important;
}

/* Category / service / search dropdown items — spacing + divider */
html body.ts-body .select2-results > li,
html body.ts-body .select2-results__options > .select2-results__option,
html body.ts-body .select2-dropdown .select2-results__option,
html body.ts-body .select2-drop .select2-result,
html body.ts-body .search-dropdown .select2-results > li {
  padding: 12px 4px !important;
  border-bottom: 0.4px dashed rgba(255, 255, 255, 0.16) !important;
  box-sizing: border-box !important;
}

html body.ts-body .select2-results > li:last-child,
html
  body.ts-body
  .select2-results__options
  > .select2-results__option:last-child,
html body.ts-body .select2-dropdown .select2-results__option:last-child,
html body.ts-body .select2-drop .select2-result:last-child,
html body.ts-body .search-dropdown .select2-results > li:last-child {
  border-bottom: none !important;
}

html body.ts-body .select2-selection__rendered {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.ts-body .select2-selection__rendered .id,
html body.ts-body .select2-selection__rendered .ts-opt-id,
html body.ts-body .select2-selection__rendered .select2-selection__id,
html body.ts-body .select2-selection__rendered .badge {
  display: inline-flex !important;
  vertical-align: middle !important;
  margin-right: 10px !important;
}

html
  body.ts-body
  .select2-results
  > li:not(.select2-highlighted):not(.select2-results__option--highlighted),
html
  body.ts-body
  .select2-results__option:not(.select2-highlighted):not(
    .select2-results__option--highlighted
  ),
html
  body.ts-body
  .select2-result:not(.select2-highlighted):not(
    .select2-results__option--highlighted
  ) {
  background-color: transparent !important;
}

html
  body.ts-body
  .select2-container--default
  .select2-results__option--highlighted[aria-selected],
html
  body.ts-body
  .select2-container--default
  .select2-results__option--highlighted,
html
  body.ts-body
  .select2-container--default
  .select2-results__option[aria-selected='true'],
html body.ts-body .select2-results .select2-highlighted,
html body.ts-body .select2-highlighted,
html body.ts-body .select2-results > li.select2-highlighted,
html body.ts-body .select2-results > li.select2-results__option--highlighted,
html body.ts-body .search-dropdown .select2-results > li.select2-highlighted,
html body.ts-body .search-dropdown .select2-results > li:hover,
html body.ts-body .select2-results > li:hover,
html body.ts-body .select2-results__option:hover,
html body.ts-body .select2-dropdown .select2-results__option--highlighted {
  background: rgba(190, 14, 75, 0.38) !important;
  background-color: rgba(190, 14, 75, 0.38) !important;
  color: #fff !important;
}

html
  body.ts-body
  .select2-container--default
  .select2-results__option--highlighted
  *:not(.id):not(.ts-opt-id):not(.select2-selection__id),
html
  body.ts-body
  .select2-highlighted
  *:not(.id):not(.ts-opt-id):not(.select2-selection__id),
html
  body.ts-body
  .select2-results
  > li:hover
  *:not(.id):not(.ts-opt-id):not(.select2-selection__id),
html
  body.ts-body
  .search-dropdown
  .select2-results
  > li:hover
  *:not(.id):not(.ts-opt-id):not(.select2-selection__id) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body.ts-body .select2-results__message,
html body.ts-body .select2-no-results,
html body.ts-body .select2-searching {
  color: rgba(245, 246, 247, 0.55) !important;
  background: transparent !important;
}

html body.ts-body .select2-search--dropdown,
html body.ts-body .select2-search {
  padding: 8px 10px 4px !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.ts-body .select2-search--dropdown .select2-search__field,
html body.ts-body .select2-search input,
html body.ts-body .select2-search input.select2-input,
html body.ts-body .select2-dropdown .select2-search__field {
  height: 42px !important;
  min-height: 42px !important;
  padding: 8px 12px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  background-color: #0a0406 !important;
  background-image: none !important;
  color: #f5f6f7 !important;
  -webkit-text-fill-color: #f5f6f7 !important;
  caret-color: #f5f6f7 !important;
  box-shadow: none !important;
}

html body.ts-body .select2-results::-webkit-scrollbar,
html body.ts-body .select2-results__options::-webkit-scrollbar {
  width: 6px;
}

html body.ts-body .select2-results::-webkit-scrollbar-thumb,
html body.ts-body .select2-results__options::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 8px;
}

/* ID badges in search / category / service results */
html body.ts-body .select2-dropdown .id,
html body.ts-body .select2-drop .id,
html body.ts-body .select2-results .id,
html body.ts-body .select2-results__option .id,
html body.ts-body .select2-result-label .id,
html body.ts-body .select2-selection__rendered .id,
html body.ts-body .select2-dropdown .service-id,
html body.ts-body .select2-drop .service-id,
html body.ts-body .select2-results .service-id,
html body.ts-body .select2-dropdown .cid,
html body.ts-body .select2-results .cid,
html body.ts-body .select2-results .label,
html body.ts-body .select2-dropdown .label,
html body.ts-body .select2-drop .label,
html body.ts-body .select2-results .badge,
html body.ts-body .select2-dropdown .badge,
html body.ts-body .select2-result-service__id,
html body.ts-body .ts-opt-id,
html body.ts-body .select2-selection__id,
html body.ts-body span.select2-selection__id,
html body.ts-body .select2-selection__id.badge,
html body.ts-body .select2-selection__id.badge-secondary,
html body.ts-body .select2-selection__id.badge-pill,
html body.ts-body .select2-selection__id.rounded-pill,
html body.ts-body .select2-container .select2-selection__id,
html body.ts-body .select2-container .badge.badge-secondary.badge-pill,
html body.ts-body .select2-dropdown .badge.badge-secondary,
html body.ts-body .select2-results .badge.badge-secondary,
html body.ts-body .select2-results .select2-selection__id {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 22px;
  margin-right: 10px;
  padding: 0 12px !important;
  background: linear-gradient(145deg, #ff608c 18%, #df1149 78%) !important;
  background-color: #df1149 !important;
  background-image: linear-gradient(
    145deg,
    #ff608c 18%,
    #df1149 78%
  ) !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
  line-height: 1 !important;
  text-align: center;
  vertical-align: middle;
  box-shadow: none !important;
}

html body.ts-body .select2-results .select2-highlighted .id,
html body.ts-body .select2-results__option--highlighted .id,
html body.ts-body .select2-results__option--highlighted .ts-opt-id,
html body.ts-body .select2-results__option--highlighted .select2-selection__id,
html body.ts-body .select2-highlighted .ts-opt-id,
html body.ts-body .select2-highlighted .id,
html body.ts-body .select2-highlighted .select2-selection__id {
  background: linear-gradient(145deg, #ff608c 18%, #df1149 78%) !important;
  background-image: linear-gradient(
    145deg,
    #ff608c 18%,
    #df1149 78%
  ) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: 0 !important;
}

.ts-body.ts-rtl .ts-opt-id,
.ts-body.ts-rtl .select2-results .id,
.ts-body.ts-rtl .select2-selection__id {
  margin-right: 0;
  margin-left: 8px;
}

/* New order — category / service / search Select2 result panels */
html
  body.ts-body:has(.ts-neworder)
  .select2-dropdown:has(#select2-orderform-category-results)
  .select2-results,
html
  body.ts-body:has(.ts-neworder)
  .select2-dropdown:has(#select2-orderform-service-results)
  .select2-results,
html body.ts-body:has(.ts-neworder) #new-order-search .select2-results,
html body.ts-body:has(.ts-neworder) .search-dropdown .select2-results,
html
  body.ts-body:has(.ts-neworder)
  #select-category-container
  .select2-results {
  max-height: 380px !important;
}

html body.ts-body:has(.ts-neworder) #select2-orderform-category-results,
html body.ts-body:has(.ts-neworder) #select2-orderform-service-results,
html body.ts-body:has(.ts-neworder) #new-order-search .select2-results__options,
html body.ts-body:has(.ts-neworder) .search-dropdown .select2-results__options,
html
  body.ts-body:has(.ts-neworder)
  #select-category-container
  .select2-results__options {
  max-height: 380px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

html
  body.ts-body:has(.ts-neworder)
  #select2-orderform-category-results
  .select2-results__option,
html
  body.ts-body:has(.ts-neworder)
  #select2-orderform-service-results
  .select2-results__option,
html body.ts-body:has(.ts-neworder) #new-order-search .select2-results__option,
html body.ts-body:has(.ts-neworder) .search-dropdown .select2-results__option,
html
  body.ts-body:has(.ts-neworder)
  #select-category-container
  .select2-results__option {
  padding: 7px 0 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

html
  body.ts-body:has(.ts-neworder)
  #select2-orderform-category-results
  .select2-results__option
  *,
html
  body.ts-body:has(.ts-neworder)
  #select2-orderform-service-results
  .select2-results__option
  *,
html
  body.ts-body:has(.ts-neworder)
  #new-order-search
  .select2-results__option
  *,
html
  body.ts-body:has(.ts-neworder)
  .search-dropdown
  .select2-results__option
  *:not(.id):not(.ts-opt-id):not(.service-id):not(.cid):not(
    .select2-selection__id
  ):not(.badge),
html
  body.ts-body:has(.ts-neworder)
  #select-category-container
  .select2-results__option
  *:not(.id):not(.ts-opt-id):not(.service-id):not(.cid):not(
    .select2-selection__id
  ):not(.badge) {
  font-size: 12px !important;
  line-height: 1.35 !important;
}

html
  body.ts-body:has(.ts-neworder)
  #select2-orderform-category-results
  .ts-opt-id,
html
  body.ts-body:has(.ts-neworder)
  #select2-orderform-service-results
  .ts-opt-id,
html body.ts-body:has(.ts-neworder) #select2-orderform-category-results .id,
html body.ts-body:has(.ts-neworder) #select2-orderform-service-results .id,
html
  body.ts-body:has(.ts-neworder)
  #select2-orderform-category-results
  .select2-selection__id,
html
  body.ts-body:has(.ts-neworder)
  #select2-orderform-service-results
  .select2-selection__id,
html body.ts-body:has(.ts-neworder) #select2-orderform-category-results .badge,
html body.ts-body:has(.ts-neworder) #select2-orderform-service-results .badge,
html
  body.ts-body:has(.ts-neworder)
  #new-order-search
  .select2-results__option
  .ts-opt-id,
html
  body.ts-body:has(.ts-neworder)
  #new-order-search
  .select2-results__option
  .id,
html
  body.ts-body:has(.ts-neworder)
  .search-dropdown
  .select2-results__option
  .ts-opt-id,
html
  body.ts-body:has(.ts-neworder)
  .search-dropdown
  .select2-results__option
  .id,
html
  body.ts-body:has(.ts-neworder)
  #select-category-container
  .select2-results__option
  .ts-opt-id,
html
  body.ts-body:has(.ts-neworder)
  #select-category-container
  .select2-results__option
  .id {
  min-width: 34px;
  height: 18px;
  margin-right: 6px !important;
  padding: 0 7px !important;
  font-size: 10px !important;
}

html
  body.ts-body:has(.ts-neworder)
  .select2-dropdown:has(#select2-orderform-category-results)
  .select2-search--dropdown,
html
  body.ts-body:has(.ts-neworder)
  .select2-dropdown:has(#select2-orderform-service-results)
  .select2-search--dropdown {
  padding: 6px 8px 4px !important;
}

html
  body.ts-body:has(.ts-neworder)
  .select2-dropdown:has(#select2-orderform-category-results)
  .select2-search__field,
html
  body.ts-body:has(.ts-neworder)
  .select2-dropdown:has(#select2-orderform-service-results)
  .select2-search__field {
  height: 36px !important;
  min-height: 36px !important;
  padding: 6px 10px !important;
  font-size: 12px !important;
}

@media (min-width: 769px) {
  html
    body.ts-body:has(.ts-neworder)
    #select2-orderform-category-results
    .select2-results__option,
  html
    body.ts-body:has(.ts-neworder)
    #select2-orderform-service-results
    .select2-results__option,
  html
    body.ts-body:has(.ts-neworder)
    #new-order-search
    .select2-results__option,
  html body.ts-body:has(.ts-neworder) .search-dropdown .select2-results__option,
  html
    body.ts-body:has(.ts-neworder)
    #select-category-container
    .select2-results__option {
    padding: 10px 0 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
  }

  html
    body.ts-body:has(.ts-neworder)
    #select2-orderform-category-results
    .select2-results__option
    *,
  html
    body.ts-body:has(.ts-neworder)
    #select2-orderform-service-results
    .select2-results__option
    *,
  html
    body.ts-body:has(.ts-neworder)
    #new-order-search
    .select2-results__option
    *,
  html
    body.ts-body:has(.ts-neworder)
    .search-dropdown
    .select2-results__option
    *:not(.id):not(.ts-opt-id):not(.service-id):not(.cid):not(
      .select2-selection__id
    ):not(.badge),
  html
    body.ts-body:has(.ts-neworder)
    #select-category-container
    .select2-results__option
    *:not(.id):not(.ts-opt-id):not(.service-id):not(.cid):not(
      .select2-selection__id
    ):not(.badge) {
    font-size: 14px !important;
    line-height: 1.2 !important;
  }

  html
    body.ts-body:has(.ts-neworder)
    #select2-orderform-category-results
    .ts-opt-id,
  html
    body.ts-body:has(.ts-neworder)
    #select2-orderform-service-results
    .ts-opt-id,
  html body.ts-body:has(.ts-neworder) #select2-orderform-category-results .id,
  html body.ts-body:has(.ts-neworder) #select2-orderform-service-results .id,
  html
    body.ts-body:has(.ts-neworder)
    #select2-orderform-category-results
    .select2-selection__id,
  html
    body.ts-body:has(.ts-neworder)
    #select2-orderform-service-results
    .select2-selection__id,
  html
    body.ts-body:has(.ts-neworder)
    #select2-orderform-category-results
    .badge,
  html body.ts-body:has(.ts-neworder) #select2-orderform-service-results .badge,
  html
    body.ts-body:has(.ts-neworder)
    #new-order-search
    .select2-results__option
    .ts-opt-id,
  html
    body.ts-body:has(.ts-neworder)
    #new-order-search
    .select2-results__option
    .id,
  html
    body.ts-body:has(.ts-neworder)
    .search-dropdown
    .select2-results__option
    .ts-opt-id,
  html
    body.ts-body:has(.ts-neworder)
    .search-dropdown
    .select2-results__option
    .id,
  html
    body.ts-body:has(.ts-neworder)
    #select-category-container
    .select2-results__option
    .ts-opt-id,
  html
    body.ts-body:has(.ts-neworder)
    #select-category-container
    .select2-results__option
    .id {
    height: 20px;
    font-size: 11px !important;
  }

  html
    body.ts-body:has(.ts-neworder)
    .select2-dropdown:has(#select2-orderform-category-results)
    .select2-search__field,
  html
    body.ts-body:has(.ts-neworder)
    .select2-dropdown:has(#select2-orderform-service-results)
    .select2-search__field {
    height: 34px !important;
    min-height: 34px !important;
    font-size: 14px !important;
  }
}

/* New-order search field */
.ts-search-wrap,
.search-dropdown .input-wrapper,
#new-order-search .input-wrapper {
  position: relative;
  background-image: none !important;
}

#new-order-search .input-wrapper::before,
.search-dropdown .input-wrapper::before {
  content: '' !important;
  font-size: 0 !important;
  color: transparent !important;
  position: absolute;
  left: 18px;
  top: 50%;
  width: 22px;
  height: 22px;
  margin: 0 !important;
  transform: translateY(-50%);
  background: url('https://my-techsmm-com.ahmad-iftekhar2004.workers.dev/icon-search.svg')
    no-repeat center / 22px 22px !important;
  z-index: 3;
  pointer-events: none;
  opacity: 1;
}

#new-order-search .input-wrapper:has(.ts-search-btn)::before,
.search-dropdown .input-wrapper:has(.ts-search-btn)::before,
#new-order-search .input-wrapper:has(input:not(:placeholder-shown))::before,
.search-dropdown .input-wrapper:has(input:not(:placeholder-shown))::before,
#new-order-search .input-wrapper.is-filled::before,
.search-dropdown .input-wrapper.is-filled::before {
  content: none !important;
  display: none !important;
  background: none !important;
  width: 0 !important;
  height: 0 !important;
}

#new-order-search
  .input-wrapper:has(input:not(:placeholder-shown))
  .ts-search-btn,
.search-dropdown
  .input-wrapper:has(input:not(:placeholder-shown))
  .ts-search-btn,
#new-order-search .input-wrapper.is-filled .ts-search-btn,
.search-dropdown .input-wrapper.is-filled .ts-search-btn {
  display: none !important;
}

#new-order-search .input-wrapper > .fa,
#new-order-search .input-wrapper > i,
.search-dropdown .input-wrapper > .fa,
.search-dropdown .input-wrapper > i.fa,
.search-dropdown .input-wrapper > i.fa-search,
#new-order-search .input-wrapper__prepend,
.search-dropdown .input-wrapper__prepend,
#new-order-search button.input-wrapper__prepend,
.search-dropdown button.input-wrapper__prepend {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: none !important;
  overflow: hidden !important;
}

#new-order-search .input-wrapper__prepend::before,
#new-order-search .input-wrapper__prepend::after,
.search-dropdown .input-wrapper__prepend::before,
.search-dropdown .input-wrapper__prepend::after {
  content: none !important;
  display: none !important;
}

.ts-search-btn {
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  background: none;
  border: none;
  z-index: 2;
  pointer-events: none;
  opacity: 1;
}

.ts-search-btn img {
  display: block;
  width: 22px;
  height: 22px;
  filter: none;
}

html body.ts-body #new-order-search input.select2-selection,
html body.ts-body #new-order-search input.form-control,
html body.ts-body #new-order-search .select2-selection.form-control,
html body.ts-body .search-dropdown input.select2-selection,
html body.ts-body .search-dropdown input.form-control,
html body.ts-body .ts-search-wrap .form-control {
  height: 60px !important;
  min-height: 60px !important;
  border-radius: 12px !important;
  border: none !important;
  background-color: rgba(121, 121, 121, 0.18) !important;
  background-image: none !important;
  backdrop-filter: blur(40px);
  color: #f5f6f7 !important;
  -webkit-text-fill-color: #f5f6f7 !important;
  caret-color: #f5f6f7 !important;
  font-size: 16px !important;
  padding: 18px 18px 18px 52px !important;
  box-shadow: none !important;
}

html
  body.ts-body
  #new-order-search
  .input-wrapper:has(input:not(:placeholder-shown))
  input,
html
  body.ts-body
  .search-dropdown
  .input-wrapper:has(input:not(:placeholder-shown))
  input,
html body.ts-body #new-order-search .input-wrapper.is-filled input,
html body.ts-body .search-dropdown .input-wrapper.is-filled input {
  padding: 18px !important;
}

#new-order-search input::placeholder,
#new-order-search .form-control::placeholder,
.search-dropdown .form-control::placeholder,
.search-dropdown input::placeholder,
.search-dropdown input::-webkit-input-placeholder,
.ts-search-wrap .form-control::placeholder,
.ts-order-form .form-control::placeholder,
body .select2-search__field::placeholder,
body .select2-search input::placeholder {
  color: rgba(245, 246, 247, 0.72) !important;
  -webkit-text-fill-color: rgba(245, 246, 247, 0.72) !important;
  opacity: 1 !important;
}

.search-dropdown input::-moz-placeholder,
#new-order-search input::-moz-placeholder,
.ts-order-form .form-control::-moz-placeholder {
  color: rgba(245, 246, 247, 0.72) !important;
  opacity: 1 !important;
}

.ts-rtl #new-order-search .input-wrapper::before,
.ts-rtl .search-dropdown .input-wrapper::before,
.ts-rtl .ts-search-btn {
  left: auto;
  right: 18px;
}

.ts-rtl #new-order-search .form-control,
.ts-rtl #new-order-search input,
.ts-rtl .search-dropdown .form-control,
.ts-rtl .search-dropdown input,
.ts-rtl .ts-search-wrap .form-control {
  padding-left: 18px !important;
  padding-right: 52px !important;
  padding-inline-start: 52px !important;
}

.ts-rtl #new-order-search .input-wrapper.is-filled input,
.ts-rtl .search-dropdown .input-wrapper.is-filled input,
.ts-rtl
  #new-order-search
  .input-wrapper:has(input:not(:placeholder-shown))
  input,
.ts-rtl
  .search-dropdown
  .input-wrapper:has(input:not(:placeholder-shown))
  input {
  padding: 18px !important;
}

.ts-service-desc-panel {
  background: rgba(0, 0, 0, 0.35);
  border: 0.8px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  color: var(--ts-body);
  padding: 16px 18px;
}

/* Keep description in DOM for PP sync, hide under the service dropdown */
#service_description {
  display: none !important;
}

/* Quantity min/max hint under #fields */
.ts-order-form #fields .help-block,
.ts-order-form #fields small,
.ts-order-form #fields .form-text,
.ts-order-form #fields label + .form-control + *,
.ts-order-form #fields .control-label + .form-control + span,
.ts-order-form #fields .control-label + .form-control + div,
.ts-order-form #orderform-quantity + .help-block,
.ts-order-form #orderform-quantity ~ .help-block,
.ts-order-form #orderform-quantity ~ small,
.ts-order-form [name='OrderForm[quantity]'] ~ .help-block,
.ts-order-form [name='OrderForm[quantity]'] ~ small {
  display: block !important;
  margin-top: 8px !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word;
  color: rgba(235, 236, 239, 0.65) !important;
  background: none !important;
  border: none !important;
}

.ts-order-form #fields .help-block br,
.ts-order-form #fields small br {
  display: none;
}

.ts-charge-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 70px;
  padding: 0 30px;
  margin: 28px 0 28px;
  border-radius: 12px;
  background: linear-gradient(
    105deg,
    rgba(145, 19, 63, 0.55) 0%,
    rgba(40, 10, 22, 0.92) 55%,
    rgba(18, 8, 14, 0.98) 100%
  );
  border: none;
  position: relative;
  overflow: hidden;
}

.ts-charge-bar__label {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.06em;
  color: #fff;
  text-transform: uppercase;
}

.ts-charge-bar__value {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}

.ts-submit-btn.btn-primary,
.ts-order-form .btn-primary {
  display: block;
  width: 100%;
  height: 56px;
  border: none;
  border-radius: 12px;
  background: var(--ts-grad-pink) !important;
  color: #fff !important;
  font-size: 18px;
  font-weight: 600;
  box-shadow: none;
  text-transform: none;
  letter-spacing: 0.01em;
}

.ts-submit-btn.btn-primary:hover,
.ts-order-form .btn-primary:hover {
  filter: brightness(1.08);
}

.ts-order-form .alert {
  border-radius: 12px;
}

.ts-order-form .terms,
.ts-order-form .terms a {
  color: var(--ts-n30);
}

/* —— Info card —— */
.ts-info-panel {
  display: none;
}

.ts-info-panel.is-active {
  display: flex;
  flex-direction: column;
  flex: none;
  gap: 16px;
}

.ts-info-panel.is-active .ts-announce-list {
  flex: none;
}

.ts-info-box {
  border-radius: 20px;
  background: linear-gradient(
    161.13deg,
    rgba(104, 104, 104, 0.06) 2.46%,
    rgba(255, 255, 255, 0.06) 100.38%
  );
  backdrop-filter: blur(25px);
  border: 1px solid rgba(113, 113, 113, 0.22);
  padding: 18px;
  margin-bottom: 0;
}

.ts-info-box__label {
  font-size: 14px;
  font-weight: 500;
  color: #be0e4b;
  margin-bottom: 12px;
  line-height: 1.3;
}

.ts-info-box--desc .ts-info-box__label {
  color: #fff;
  font-weight: 600;
}

.ts-info-box__value {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  line-height: 1.45;
  word-break: break-word;
}

.ts-info-box__text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.55;
  color: #dfe0e4;
  white-space: pre-line;
}

.ts-info-box--desc {
  flex: none;
  display: flex;
  flex-direction: column;
}

.ts-info-box--desc .ts-info-box__label {
  flex-shrink: 0;
}

.ts-info-box--desc .ts-info-box__text {
  flex: none;
  overflow-x: hidden;
  padding-right: 6px;
}

.ts-info-box--desc .ts-info-box__text::-webkit-scrollbar {
  width: 6px;
}

.ts-info-box--desc .ts-info-box__text::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.22);
  border-radius: 6px;
}

/* Read Before Order — How Things Work / Refund Policy */
.ts-info-box--before .ts-info-box__text {
  white-space: normal;
  color: #f5f6f7;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.55;
}

.ts-info-box--before .ts-info-box__heading,
.ts-info-box--before .ts-info-box__text h1,
.ts-info-box--before .ts-info-box__text h2,
.ts-info-box--before .ts-info-box__text h3,
.ts-info-box--before .ts-info-box__text h4 {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
  color: #be0e4b;
}

.ts-info-box--before .ts-info-box__heading + p,
.ts-info-box--before .ts-info-box__text h3 + p,
.ts-info-box--before .ts-info-box__text h2 + p {
  margin-top: 0;
}

.ts-info-box--before .ts-info-box__text p {
  margin: 0 0 12px;
  color: #f5f6f7;
}

.ts-info-box--before .ts-info-box__list,
.ts-info-box--before .ts-info-box__text ul {
  margin: 0 0 20px;
  padding-left: 1.25em;
  list-style: disc;
}

.ts-info-box--before .ts-info-box__list li,
.ts-info-box--before .ts-info-box__text ul li {
  margin: 0 0 8px;
  color: #f5f6f7;
  padding-left: 2px;
}

.ts-info-box--before .ts-info-box__list li:last-child,
.ts-info-box--before .ts-info-box__text ul li:last-child {
  margin-bottom: 0;
}

.ts-info-box--before .ts-info-box__list strong,
.ts-info-box--before .ts-info-box__text ul li strong {
  color: #ffffff;
  font-weight: 600;
}

.ts-info-box--before .ts-info-box__heading:not(:first-child),
.ts-info-box--before .ts-info-box__text h3:not(:first-child),
.ts-info-box--before .ts-info-box__text h2:not(:first-child) {
  margin-top: 8px;
}

/* Announcement social cards */
.ts-announce-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  min-height: 0;
  overflow-y: auto;
}

.ts-announce-card {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 18px;
  border-radius: 20px;
  border: 1px solid rgba(113, 113, 113, 0.22);
  background: linear-gradient(
    161.13deg,
    rgba(104, 104, 104, 0.06) 2.46%,
    rgba(255, 255, 255, 0.06) 100.38%
  );
  text-decoration: none !important;
  color: inherit !important;
  transition:
    filter 0.15s ease,
    border-color 0.15s ease;
}

.ts-announce-card:hover {
  filter: brightness(1.06);
  border-color: rgba(190, 14, 75, 0.35);
  color: inherit !important;
}

.ts-announce-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 89px;
  height: 84px;
  padding: 15px 17px;
  border-radius: 16.5px;
  background: rgba(255, 255, 255, 0.13);
  box-sizing: border-box;
}

.ts-announce-card__icon img {
  display: block;
  width: 54px;
  height: 54px;
  object-fit: contain;
}

.ts-announce-card__body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
  min-width: 0;
  padding-right: 36px;
}

.ts-announce-card__title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  color: #fff;
}

.ts-announce-card__desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #dfe0e4;
}

.ts-announce-card__ext {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 6px;
  border-radius: 10px;
  background-color: rgba(228, 228, 228, 0.12);
  background-image: none;
  border: 0.3px solid rgba(255, 255, 255, 0.05);
  box-sizing: border-box;
  pointer-events: none;
  transition:
    background-color 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease;
}

.ts-announce-card:hover .ts-announce-card__ext,
.ts-announce-card:focus-visible .ts-announce-card__ext {
  background-color: #be0e4b;
  background-image: none;
  border-color: transparent;
  box-shadow: 0 4px 12px rgba(190, 14, 75, 0.4);
}

.ts-announce-card__ext img {
  display: block;
  width: 15px;
  height: 15px;
  filter: none;
  transition: filter 0.18s ease;
}

.ts-announce-card:hover .ts-announce-card__ext img,
.ts-announce-card:focus-visible .ts-announce-card__ext img {
  filter: brightness(0) invert(1);
}

@media (max-width: 900px) {
  .ts-info-panel[data-info-panel="announce"].is-active {
    gap: 12px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .ts-announce-list {
    gap: 12px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: visible;
  }

  .ts-announce-card {
    align-items: flex-start;
    gap: 10px;
    padding: 14px;
    border-radius: 16px;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .ts-announce-card__icon {
    width: 56px;
    height: 56px;
    padding: 10px;
    border-radius: 12px;
  }

  .ts-announce-card__icon img {
    width: 36px;
    height: 36px;
  }

  .ts-announce-card__body {
    gap: 6px;
    padding-right: 28px;
  }

  .ts-announce-card__title {
    font-size: 15px;
    line-height: 1.35;
  }

  .ts-announce-card__desc {
    font-size: 12px;
    line-height: 1.45;
  }

  .ts-announce-card__ext {
    top: 8px;
    right: 8px;
    width: 28px;
    height: 28px;
    padding: 5px;
    border-radius: 8px;
  }

  .ts-announce-card__ext img {
    width: 13px;
    height: 13px;
  }
}

@media (max-width: 480px) {
  .ts-announce-card {
    flex-wrap: wrap;
    gap: 12px;
    padding: 14px 12px;
  }

  .ts-announce-card__icon {
    width: 48px;
    height: 48px;
    padding: 8px;
  }

  .ts-announce-card__icon img {
    width: 32px;
    height: 32px;
  }

  .ts-announce-card__body {
    flex: 1 1 calc(100% - 60px);
    padding-right: 32px;
  }

  .ts-announce-card__title {
    font-size: 14px;
  }

  .ts-announce-card__desc {
    font-size: 12px;
  }
}

/* —— Mass order —— */
.ts-massorder .ts-order-form-card {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.ts-massorder .ts-order-form-card .ts-card__head {
  margin-bottom: 0;
}

.ts-massorder .ts-mass-form {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 1;
  min-height: 0;
  margin: 0;
}

.ts-massorder .ts-mass-form .form-group {
  margin-bottom: 0;
}

.ts-mass-intro {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 16px 18px;
  margin: 0;
  border-radius: 12px;
  background: rgba(103, 103, 103, 0.16);
  backdrop-filter: blur(40px);
}

.ts-mass-intro__title {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
}

.ts-mass-intro__desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--ts-n20);
}

.ts-mass-field {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
}

.ts-massorder .ts-mass-field .control-label {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}

.ts-massorder .ts-order-form textarea.ts-mass-textarea.form-control,
.ts-massorder textarea.ts-mass-textarea.form-control {
  display: block;
  width: 100%;
  height: 407px !important;
  min-height: 407px !important;
  max-height: none !important;
  resize: vertical;
  border-radius: 16px !important;
  border: none !important;
  background: rgba(121, 121, 121, 0.18) !important;
  backdrop-filter: blur(100px);
  padding: 18px !important;
  line-height: 1.6 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--ts-n20) !important;
  -webkit-text-fill-color: var(--ts-n20) !important;
  overflow: auto !important;
  box-shadow: none !important;
}

.ts-massorder
  .ts-order-form
  textarea.ts-mass-textarea.form-control::placeholder {
  color: var(--ts-n20) !important;
  opacity: 1;
}

.ts-massorder .ts-submit-btn.btn-primary {
  margin-top: 0;
  height: 56px;
  font-size: 18px;
  font-weight: 600;
  border-radius: 12px;
  flex-shrink: 0;
}

.ts-mass-help-card {
  display: flex;
  flex-direction: column;
  height: 0;
  min-height: 100%;
  overflow: hidden;
  gap: 20px;
}

.ts-mass-help__head {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 70px;
  padding: 12px 18px;
  border-radius: 16px;
  background: rgba(197, 197, 197, 0.14);
  backdrop-filter: blur(20px);
  flex-shrink: 0;
}

.ts-mass-help__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: #be0e4b;
  font-size: 20px;
  flex-shrink: 0;
}

.ts-mass-help__title {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--ts-n20);
}

.ts-mass-help__body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 14px 18px;
  border-radius: 12px;
  background: rgba(234, 81, 132, 0.09);
  backdrop-filter: blur(25px);
  font-size: 14px;
  line-height: 1.4;
  color: var(--ts-n20);
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.22) transparent;
}

.ts-mass-help__body p {
  margin: 0 0 14px;
}

.ts-mass-help__body p:last-child {
  margin-bottom: 0;
}

.ts-mass-help__body a {
  color: #be0e4b !important;
  word-break: break-all;
}

.ts-mass-help__body strong {
  font-weight: 600;
  color: #fff;
}

.ts-mass-help__example {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  color: var(--ts-n20);
  font-family: inherit;
  font-size: 14px;
  line-height: 1.4;
  white-space: pre-wrap;
  word-break: break-word;
}

@media (max-width: 1400px) {
  .ts-mass-help-card {
    height: auto;
    min-height: 0;
    overflow: visible;
  }

  .ts-massorder .ts-card__head,
  .ts-order-form-card .ts-card__head {
    flex-wrap: wrap;
  }

  .ts-neworder .ts-order-form-card .ts-card__head,
  .ts-neworder.ts-massorder .ts-card__head {
    flex-wrap: nowrap;
  }

  .ts-massorder .ts-order-form textarea.ts-mass-textarea.form-control,
  .ts-massorder textarea.ts-mass-textarea.form-control {
    height: 280px !important;
    min-height: 280px !important;
  }
}

/* Hide default bootstrap navbar for auth */
.ts-auth .navbar {
  display: none !important;
}

/* Guest nav */
.ts-guest-nav {
  background: #0a0406 !important;
  border: none !important;
  margin-bottom: 0 !important;
}

.ts-guest-nav .navbar-brand img {
  max-height: 36px;
}

.ts-guest-nav .navbar-nav > li > a {
  color: #fff !important;
}

.ts-sidebar-backdrop {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 1035;
}

.ts-sidebar-backdrop.is-open {
  display: block;
}

/* —— Responsive —— */
@media (max-width: 1450px) {
  /* New order / mass order: compact laptop layout before overflow */
  .ts-neworder .ts-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 1.2fr);
    gap: 12px;
    margin-bottom: 18px;
  }

  .ts-neworder .ts-stat-card--giveaway {
    grid-column: auto;
  }

  .ts-neworder .ts-stat-card {
    min-height: 128px;
    padding: 20px 16px;
  }

  .ts-neworder .ts-stat-card__value {
    font-size: 18px;
  }

  .ts-neworder .ts-stat-card__label {
    font-size: 12px;
    margin-top: 2px;
  }

  .ts-neworder .ts-stat-card__trend {
    margin-top: 6px;
    gap: 4px;
  }

  .ts-neworder .ts-stat-card__trend-num,
  .ts-neworder .ts-stat-card__trend-txt {
    font-size: 11px;
  }

  .ts-neworder .ts-stat-card__icon {
    width: 48px;
    height: 48px;
  }

  .ts-neworder .ts-stat-card__icon img {
    max-width: 34px;
    max-height: 34px;
  }

  .ts-neworder .ts-stat-card__desc {
    font-size: 11px;
    max-width: 180px;
  }

  .ts-neworder .ts-stat-card__giveaway-img {
    width: 88px;
    height: 88px;
    bottom: -20px;
  }

  .ts-neworder .ts-platforms {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
    padding: 10px;
    margin-bottom: 18px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .ts-neworder .ts-platform {
    min-width: 0;
    width: 100%;
    min-height: 44px;
    padding: 6px 8px;
    gap: 5px;
    font-size: 12px;
    box-sizing: border-box;
  }

  .ts-neworder .ts-platform__label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .ts-neworder .ts-platform__icon,
  .ts-neworder .ts-platform__poly {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
  }

  .ts-neworder .ts-platform__logo {
    width: 15px;
    height: 15px;
  }

  .ts-neworder .ts-order-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.72fr);
    gap: 16px;
  }

  .ts-neworder .ts-info-card {
    gap: 16px;
  }

  .ts-neworder .ts-info-box--desc .ts-info-box__text {
    flex: none;
    max-height: none;
  }

  .ts-neworder .ts-order-grid > .ts-card {
    padding: 18px 16px;
    border-radius: 22px;
  }

  .ts-neworder .ts-card__head,
  .ts-neworder .ts-order-form-card .ts-card__head {
    margin-bottom: 18px;
    gap: 10px;
    padding: 6px 6px 6px 12px;
  }

  .ts-neworder .ts-order-form-card .ts-card__title {
    font-size: 15px;
  }

  .ts-neworder .ts-order-form-card .ts-tabs--sm {
    padding: 5px;
    gap: 4px;
  }

  .ts-neworder .ts-order-form-card .ts-tabs--sm .ts-tabs__item {
    min-width: 0;
    padding: 6px 10px;
    font-size: 13px;
  }

  .ts-neworder .ts-info-tabs-wrap {
    min-height: 60px;
    padding: 8px;
  }

  .ts-neworder .ts-tabs--info {
    padding: 5px;
    gap: 4px;
  }

  .ts-neworder .ts-tabs--info .ts-tabs__item {
    padding: 6px 10px;
    font-size: 13px;
    min-height: 32px;
  }

  .ts-neworder .ts-order-form .form-group {
    margin-bottom: 16px;
  }

  .ts-neworder .ts-order-form .ts-search-group {
    margin-bottom: 18px;
  }

  .ts-neworder .ts-order-form .control-label {
    margin-bottom: 8px;
    font-size: 13px;
  }

  .ts-neworder .ts-order-form input.form-control,
  .ts-neworder .ts-order-form select.form-control,
  .ts-neworder
    .ts-order-form
    .select2-container--default
    .select2-selection--single,
  .ts-neworder .ts-order-form .select2-selection.select2-selection--single,
  .ts-neworder .ts-search-wrap .form-control {
    height: 52px !important;
    min-height: 52px !important;
    padding: 14px 16px !important;
    font-size: 14px !important;
  }

  .ts-neworder .ts-charge-bar {
    height: 56px;
    padding: 0 20px;
    margin: 18px 0;
  }

  .ts-neworder .ts-charge-bar__label {
    font-size: 15px;
  }

  .ts-neworder .ts-charge-bar__value {
    font-size: 16px;
  }

  .ts-neworder .ts-submit-btn.btn-primary,
  .ts-neworder .ts-order-form .btn-primary {
    height: 50px;
    font-size: 16px;
  }
}

@media (max-width: 1400px) {
  .ts-stats {
    grid-template-columns: repeat(2, 1fr);
  }

  .ts-stat-card--giveaway {
    grid-column: 1 / -1;
  }

  .ts-platforms {
    grid-template-columns: repeat(4, 1fr);
  }

  .ts-order-grid {
    grid-template-columns: 1fr;
  }

  .ts-info-card {
    height: auto;
    min-height: 0;
    overflow: visible;
  }

  .ts-info-box--desc .ts-info-box__text {
    flex: none;
    max-height: none;
  }

  /* New order: keep laptop grid under 1400 (compact already applied at 1450) */
  .ts-neworder .ts-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 1.2fr);
  }

  .ts-neworder .ts-stat-card--giveaway {
    grid-column: auto;
  }

  .ts-neworder .ts-platforms {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .ts-neworder .ts-order-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.72fr);
  }
}

@media (max-width: 1100px) {
  .ts-sidebar__collapse-btn {
    display: none;
  }

  .ts-body.is-sidebar-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
  }

  .ts-body.is-sidebar-collapsed .ts-topbar {
    padding-left: 16px;
  }

  .ts-sidebar {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: var(--ts-sidebar-w);
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
    padding: 0;
    transform: translateX(-105%);
    transition: transform 0.25s ease;
  }

  .ts-sidebar__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    margin-bottom: 0;
    padding: 18px 16px 0;
  }

  .ts-sidebar__logo {
    width: auto;
    height: 32px;
    margin: 0;
  }

  .ts-sidebar__logo img {
    width: auto;
    height: 32px;
    max-width: 160px;
  }

  .ts-sidebar__close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: var(--ts-grad-pink);
    box-shadow: 0 4px 14px rgba(190, 14, 75, 0.45);
    cursor: pointer;
    flex-shrink: 0;
  }

  .ts-sidebar__close img {
    display: block;
    width: 10px;
    height: 16px;
    transform: rotate(180deg);
  }

  .ts-sidebar__inner {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 20px 16px 32px;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .ts-sidebar__inner .ts-user-card {
    width: 100%;
    max-width: 258px;
    margin: 0 auto;
  }

  .ts-sidebar__inner .ts-nav {
    flex-shrink: 0;
  }

  .ts-body.is-sidebar-collapsed .ts-sidebar {
    transform: translateX(-105%);
  }

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

  .ts-shell {
    margin-left: 0;
  }

  .ts-topbar {
    min-height: 58px;
    height: auto;
    padding: 10px 12px;
    gap: 7px;
  }

  .ts-topbar__left {
    display: flex;
    gap: 8px;
    min-width: 0;
  }

  .ts-topbar__brand {
    height: 28px;
    max-width: 110px;
    min-width: 0;
  }

  .ts-topbar__brand img {
    height: 28px;
    max-width: 110px;
  }

  html body.ts-body.is-light .ts-topbar__brand {
    height: 28px;
    min-width: 0 !important;
    max-width: 110px;
    width: 110px;
    background-size: contain;
  }

  .ts-topbar__menu {
    display: flex;
    width: 38px;
    height: 38px;
    padding: 0 10px;
    border-radius: 9px;
  }

  .ts-topbar__menu span:nth-child(1),
  .ts-topbar__menu span:nth-child(3) {
    width: 17px;
  }

  .ts-topbar__menu span:nth-child(2) {
    width: 12px;
  }

  .ts-topbar__right {
    gap: 4px;
    min-width: 0;
    flex-shrink: 1;
  }

  html body.ts-body.is-light .ts-topbar__right {
    gap: 4px;
  }

  .ts-topbar__right .ts-pill,
  .ts-topbar__right .ts-theme-toggle,
  html body.ts-body.is-light .ts-topbar__right .ts-pill,
  html body.ts-body.is-light .ts-topbar__right .ts-theme-toggle {
    height: 36px;
    flex-shrink: 0;
  }

  .ts-topbar__right .ts-pill {
    padding: 4px;
    gap: 2px;
  }

  .ts-pill--balance .ts-pill__text {
    display: none;
  }

  .ts-pill--balance {
    padding-right: 2px;
  }

  .ts-topbar__right .ts-pill__icon {
    width: 27px;
    height: 27px;
    padding: 2px;
  }

  .ts-topbar__right .ts-pill__icon img {
    width: 12px;
    height: 12px;
  }

  .ts-topbar__right .ts-pill__caret {
    width: 10px;
    height: 18px;
  }

  .ts-theme-toggle,
  html body.ts-body.is-light .ts-topbar .ts-theme-toggle {
    width: 52px;
    height: 36px;
  }

  .ts-theme-toggle__track,
  html body.ts-body.is-light .ts-topbar .ts-theme-toggle__track {
    left: 0;
    width: 48px;
    height: 21px;
  }

  html body.ts-body.is-light .ts-topbar .ts-theme-toggle__track {
    left: 4px;
    width: 50px;
  }

  .ts-theme-toggle__label,
  html body.ts-body.is-light .ts-topbar .ts-theme-toggle__label {
    display: block;
    left: 4px;
    font-size: 9px;
  }

  html body.ts-body.is-light .ts-topbar .ts-theme-toggle__label {
    left: 30px;
  }

  .ts-theme-toggle__knob {
    width: 32px;
    height: 32px;
    right: -3px;
  }

  .ts-theme-toggle__icon {
    width: 32px;
    height: 32px;
  }

  html body.ts-body.is-light .ts-topbar .ts-theme-toggle__knob {
    width: 28px;
    height: 28px;
    left: 0;
    right: auto;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  }

  html body.ts-body.is-light .ts-topbar .ts-theme-toggle__icon {
    width: 14px;
    height: 14px;
  }

  .ts-pill--avatar {
    padding: 4px;
  }

  .ts-pill__avatar {
    width: 27px;
    height: 27px;
    margin-right: 3px;
  }

  .ts-topbar__title {
    display: none;
  }

  .ts-pill--notify {
    display: none !important;
  }

  .ts-platforms {
    grid-template-columns: repeat(3, 1fr);
  }

  /* Keep new-order platforms in laptop row until 1024 */
  .ts-neworder .ts-platforms {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@media (max-width: 1024px) {
  .ts-neworder .ts-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .ts-neworder .ts-stat-card--giveaway {
    grid-column: 1 / -1;
  }

  .ts-neworder .ts-stat-card {
    min-height: 110px;
    padding: 16px 14px;
  }

  .ts-neworder .ts-stat-card__value {
    font-size: 16px;
  }

  .ts-neworder .ts-stat-card__desc {
    max-width: 260px;
  }

  .ts-neworder .ts-platforms {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
  }

  .ts-neworder .ts-order-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .ts-neworder .ts-info-card {
    height: auto;
    min-height: 0;
    overflow: visible;
  }

  .ts-neworder .ts-info-box--desc .ts-info-box__text {
    flex: none;
    max-height: none;
  }

  .ts-neworder .ts-order-form-card .ts-card__head,
  .ts-neworder.ts-massorder .ts-card__head {
    flex-wrap: wrap;
  }
}

@media (max-width: 900px) {
  .ts-main:not(.ts-main--guest) {
    padding: 16px;
  }
}

@media (max-width: 768px) {
  .ts-main {
    padding: 16px;
  }

  .ts-stats {
    grid-template-columns: 1fr;
  }

  .ts-platforms {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    padding: 12px;
  }

  .ts-platform__label {
    font-size: 13px;
  }

  /* Services platforms — same icon-only grid as new order mobile */
  .ts-services .ts-platforms--services,
  .ts-platforms.ts-platforms--services {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
    padding: 8px;
    margin-bottom: 20px;
    border-radius: 12px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .ts-services .ts-platforms--services .ts-platform,
  .ts-platforms.ts-platforms--services .ts-platform {
    min-height: 0;
    min-width: 0;
    width: 100%;
    height: auto;
    padding: 8px 4px;
    gap: 0;
    border-radius: 12px;
    box-sizing: border-box;
  }

  .ts-services .ts-platforms--services .ts-platform__label,
  .ts-platforms.ts-platforms--services .ts-platform__label {
    display: none;
  }

  .ts-services .ts-platforms--services .ts-platform__icon,
  .ts-platforms.ts-platforms--services .ts-platform__icon {
    width: 24px;
    height: 24px;
  }

  .ts-services .ts-platforms--services .ts-platform__poly,
  .ts-platforms.ts-platforms--services .ts-platform__poly {
    width: 24px;
    height: 24px;
  }

  .ts-services .ts-platforms--services .ts-platform__logo,
  .ts-platforms.ts-platforms--services .ts-platform__logo {
    width: 14px;
    height: 14px;
  }

  .ts-card__head {
    flex-direction: column;
    align-items: stretch;
  }

  .ts-tabs--sm {
    width: 100%;
    overflow-x: auto;
  }

  .ts-toast-host {
    right: 16px;
    bottom: 16px;
    left: 16px;
    align-items: stretch;
  }

  .ts-toast {
    max-width: none;
    min-width: 0;
  }

  /* —— New Order mobile (Figma 1672:223585) —— */
  .ts-neworder {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
  }

  .ts-neworder .ts-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 24px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .ts-neworder .ts-stat-card--giveaway {
    grid-column: auto;
  }

  .ts-neworder .ts-stat-card {
    min-height: 85px;
    padding: 16px;
    border-radius: 9px;
    background-size: cover;
  }

  .ts-neworder .ts-stat-card__value {
    font-size: 12px;
    line-height: 1.5;
  }

  .ts-neworder .ts-stat-card__label {
    font-size: 8px;
    margin-top: 2px;
  }

  .ts-neworder .ts-stat-card__trend {
    margin-top: 6px;
    gap: 3px;
  }

  .ts-neworder .ts-stat-card__trend img {
    width: 11px;
    height: 11px;
  }

  .ts-neworder .ts-stat-card__trend-num,
  .ts-neworder .ts-stat-card__trend-txt {
    font-size: 8px;
  }

  .ts-neworder .ts-stat-card__icon {
    width: 32px;
    height: 32px;
    border-radius: 9px;
    padding: 3px;
  }

  .ts-neworder .ts-stat-card__icon img {
    max-width: 22px;
    max-height: 22px;
  }

  .ts-neworder .ts-stat-card__desc {
    font-size: 8px;
    line-height: 1.4;
    max-width: 120px;
    margin-top: 2px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .ts-neworder .ts-stat-card__giveaway-img {
    right: 4px;
    bottom: -8px;
    width: 50px;
    height: 50px;
  }

  .ts-neworder .ts-stat-card__ext {
    top: 4px;
    right: 4px;
    width: 14px;
    height: 14px;
    border-radius: 4px;
    padding: 2px;
  }

  .ts-neworder .ts-stat-card__ext img {
    width: 8px;
    height: 8px;
  }

  .ts-neworder .ts-platforms {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
    padding: 8px;
    margin-bottom: 24px;
    border-radius: 12px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .ts-neworder .ts-platform {
    min-height: 0;
    min-width: 0;
    width: 100%;
    height: auto;
    padding: 8px 4px;
    gap: 0;
    border-radius: 12px;
    box-sizing: border-box;
  }

  .ts-neworder .ts-platform__label {
    display: none;
  }

  .ts-neworder .ts-platform__icon {
    width: 24px;
    height: 24px;
  }

  .ts-neworder .ts-platform__poly {
    width: 24px;
    height: 24px;
  }

  .ts-neworder .ts-platform__logo {
    width: 14px;
    height: 14px;
  }

  .ts-neworder .ts-order-grid {
    gap: 24px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .ts-neworder .ts-order-grid > .ts-card {
    border-radius: 20px;
    padding: 16px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overflow-x: hidden;
  }

  .ts-neworder .ts-order-form-card,
  .ts-neworder .ts-order-form,
  .ts-neworder .ts-order-form .form-group,
  .ts-neworder .ts-order-form .select2-container,
  .ts-neworder .ts-order-form .form-control {
    max-width: 100%;
    min-width: 0;
  }

  .ts-neworder .ts-info-card {
    border-radius: 28px;
    gap: 24px;
  }

  .ts-neworder .ts-card__head,
  .ts-neworder .ts-order-form-card .ts-card__head,
  .ts-neworder.ts-massorder .ts-card__head {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 24px;
    padding: 10px;
    min-height: 0;
    border-radius: 10px;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
  }

  .ts-neworder .ts-order-form-card .ts-card__title,
  .ts-neworder .ts-card__title {
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    flex-shrink: 0;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .ts-neworder .ts-tabs--sm,
  .ts-neworder .ts-order-form-card .ts-tabs--sm {
    display: flex;
    width: 100%;
    max-width: 100%;
    flex-shrink: 1;
    padding: 4px;
    border-radius: 8px;
    gap: 2px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .ts-neworder .ts-tabs--sm::-webkit-scrollbar,
  .ts-neworder .ts-order-form-card .ts-tabs--sm::-webkit-scrollbar {
    display: none;
  }

  .ts-neworder .ts-order-form-card .ts-tabs--sm .ts-tabs__item,
  .ts-neworder .ts-tabs--sm .ts-tabs__item {
    flex: 1 1 0;
    min-width: 0;
    height: auto;
    padding: 6px 4px;
    font-size: 11px;
    line-height: 1.3;
    border-radius: 5px;
    text-align: center;
  }

  .ts-neworder .ts-info-tabs-wrap {
    min-height: 48px;
    height: auto;
    padding: 6px 10px 6px 8px;
    border-radius: 10px;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
  }

  .ts-neworder .ts-tabs--info {
    padding: 4px;
    border-radius: 8px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 4px;
  }

  .ts-neworder .ts-tabs--info::-webkit-scrollbar {
    display: none;
  }

  .ts-neworder .ts-tabs--info .ts-tabs__item {
    display: inline-flex;
    flex: 0 0 auto;
    min-width: auto;
    width: auto;
    max-width: none;
    height: auto;
    padding: 6px 10px;
    font-size: 11px;
    line-height: 1.3;
    border-radius: 5px;
    overflow: visible;
    text-overflow: unset;
    white-space: nowrap;
  }



  .ts-neworder .ts-info-panels,
  .ts-neworder .ts-info-panel,
  .ts-neworder .ts-announce-list {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .ts-neworder .ts-announce-card {
    width: 100%;
  }

  .ts-neworder .ts-charge-bar {
    height: auto;
    min-height: 44px;
    padding: 12px 14px;
    margin: 16px 0;
    border-radius: 10px;
    max-width: 100%;
    box-sizing: border-box;
  }

  .ts-neworder .ts-charge-bar__label,
  .ts-neworder .ts-charge-bar__value {
    font-size: 14px;
  }

  .ts-neworder .ts-submit-btn.btn-primary,
  .ts-neworder .ts-order-form .btn-primary {
    height: 46px;
    min-height: 46px;
    font-size: 15px;
    border-radius: 10px;
    max-width: 100%;
  }

  .ts-neworder .ts-order-form .form-group {
    margin-bottom: 12px;
  }

  .ts-neworder .ts-order-form .ts-search-group {
    margin-bottom: 14px;
  }

  .ts-neworder .ts-order-form .control-label {
    margin-bottom: 6px;
    font-size: 13px;
  }

  .ts-neworder .ts-order-form input.form-control,
  .ts-neworder .ts-order-form select.form-control,
  .ts-neworder .ts-order-form textarea.form-control,
  .ts-neworder .ts-order-form #fields input.form-control,
  .ts-neworder .ts-order-form #fields select.form-control,
  .ts-neworder .ts-order-form #fields textarea.form-control,
  .ts-neworder
    .ts-order-form
    .select2-container--default
    .select2-selection--single,
  .ts-neworder .ts-order-form .select2-selection.select2-selection--single,
  .ts-neworder #orderform-category + .select2-container .select2-selection,
  .ts-neworder #orderform-service + .select2-container .select2-selection,
  .ts-neworder .ts-search-wrap .form-control,
  html body.ts-body .ts-neworder #new-order-search input.form-control,
  html body.ts-body .ts-neworder #new-order-search input.select2-selection,
  html
    body.ts-body
    .ts-neworder
    #new-order-search
    .select2-selection.form-control,
  html body.ts-body .ts-neworder .search-dropdown input.form-control,
  html body.ts-body .ts-neworder .ts-search-wrap .form-control {
    height: 44px !important;
    min-height: 44px !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    border-radius: 10px !important;
  }

  html body.ts-body .ts-neworder #new-order-search input.form-control,
  html body.ts-body .ts-neworder #new-order-search input.select2-selection,
  html
    body.ts-body
    .ts-neworder
    #new-order-search
    .select2-selection.form-control,
  html body.ts-body .ts-neworder .search-dropdown input.form-control,
  html body.ts-body .ts-neworder .ts-search-wrap .form-control {
    padding: 10px 14px 10px 44px !important;
  }

  html
    body.ts-body
    .ts-neworder
    #new-order-search
    .input-wrapper:has(input:not(:placeholder-shown))
    input,
  html
    body.ts-body
    .ts-neworder
    .search-dropdown
    .input-wrapper:has(input:not(:placeholder-shown))
    input,
  html
    body.ts-body
    .ts-neworder
    #new-order-search
    .input-wrapper.is-filled
    input,
  html
    body.ts-body
    .ts-neworder
    .search-dropdown
    .input-wrapper.is-filled
    input {
    padding: 10px 14px !important;
  }

  .ts-neworder .ts-search-btn {
    left: 10px;
  }

  .ts-neworder .ts-search-btn img {
    width: 18px;
    height: 18px;
  }

  .ts-neworder
    .ts-body
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered,
  .ts-neworder
    .ts-order-form
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    line-height: 22px !important;
    font-size: 14px !important;
  }

  .ts-neworder
    .ts-body
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow,
  .ts-neworder
    .ts-order-form
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    height: 42px !important;
    right: 10px !important;
    width: 20px !important;
  }

  .ts-neworder .ts-order-form .select2-selection__rendered,
  .ts-neworder .ts-order-form .select2-container .select2-selection--single {
    max-width: 100% !important;
  }
}

/* —— Services page (Figma 635:83116) —— */
.ts-services {
  max-width: 1570px;
  margin: 0 auto;
}

.ts-svc-hero {
  position: relative;
  height: 120px;
  min-height: 120px;
  max-height: 120px;
  margin: 0 0 24px;
  padding: 18px 28px;
  border-radius: var(--ts-radius);
  background-color: #12060a;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.ts-svc-hero__inner {
  position: relative;
  z-index: 1;
  max-width: 900px;
}

.ts-svc-hero__title {
  margin: 0 0 4px;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
}

.ts-svc-hero__desc {
  margin: 0;
  font-size: 15px;
  line-height: 1.35;
  color: rgba(235, 236, 239, 0.75);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ts-svc-hero__spark {
  position: absolute;
  pointer-events: none;
  opacity: 0.85;
  z-index: 0;
}

.ts-svc-hero__spark--1 {
  top: 18px;
  right: 18%;
  width: 22px;
  height: 22px;
}

.ts-svc-hero__spark--2 {
  top: 48px;
  right: 8%;
  width: 14px;
  height: 14px;
}

.ts-svc-hero__spark--3 {
  bottom: 22px;
  right: 28%;
  width: 18px;
  height: 18px;
}

.ts-platforms--services {
  margin-bottom: 20px;
}

.ts-svc-toolbar {
  display: block;
  margin-bottom: 20px;
  overflow: visible;
  position: relative;
  z-index: 30;
}

.ts-svc-toolbar__bar {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: nowrap;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(20, 20, 20, 0.92);
  border: 0.8px solid rgba(255, 255, 255, 0.06);
  overflow: visible;
}

.ts-svc-toolbar__left {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  overflow: visible;
}

.ts-svc-filter {
  position: relative;
  display: inline-flex;
  z-index: 40;
}

.ts-svc-filter__btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  width: 220px;
  min-width: 220px;
  max-width: 220px;
  min-height: 48px;
  padding: 4px 6px 4px 18px !important;
  border-radius: 12px !important;
  border: none !important;
  background: linear-gradient(
    90deg,
    rgba(120, 18, 52, 0.72) 0%,
    rgba(72, 10, 32, 0.88) 100%
  ) !important;
  color: #f5f6f7 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}

.ts-svc-filter__btn.dropdown-toggle::after,
.ts-svc-filter__btn .caret {
  display: none !important;
}

.ts-svc-filter__main {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1 1 auto;
  min-height: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: #fff;
  overflow: hidden;
}

.ts-svc-filter__main [data-filter-active-category] {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ts-svc-filter__icon {
  flex-shrink: 0;
  color: #fff;
}

.ts-svc-filter__caret {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin-left: auto;
  border-radius: 10px;
  background: linear-gradient(180deg, #be0e4b 0%, #91133f 100%);
  flex-shrink: 0;
  pointer-events: none;
}

.ts-rtl .ts-svc-filter__btn {
  padding: 4px 18px 4px 6px !important;
}

.ts-rtl .ts-svc-filter__caret {
  margin-left: 0;
  margin-right: auto;
}

.ts-svc-filter__menu {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: auto;
  z-index: 1050;
  float: none;
  width: min(520px, calc(100vw - 48px));
  min-width: 320px;
  max-height: 420px;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 !important;
  background: #12060a !important;
  background-color: #12060a !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 12px !important;
  padding: 0 !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.55) !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}

.ts-svc-filter__menu::-webkit-scrollbar {
  width: 6px;
}

.ts-svc-filter__menu::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 0 12px 12px 0;
}

.ts-svc-filter__menu::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  border: 0;
}

.ts-svc-filter__menu::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.32);
}

.ts-rtl .ts-svc-filter__menu {
  left: auto;
  right: 0;
}

.ts-svc-filter.open > .ts-svc-filter__menu,
.ts-svc-filter.show > .ts-svc-filter__menu,
.ts-svc-filter.is-open > .ts-svc-filter__menu {
  display: block !important;
}

.ts-svc-filter__menu > li {
  margin: 0;
  list-style: none;
}

.ts-svc-filter__menu > li > a {
  color: #f5f6f7 !important;
  -webkit-text-fill-color: #f5f6f7 !important;
  padding: 12px 14px !important;
  border-bottom: 0.4px dashed rgba(255, 255, 255, 0.16) !important;
  background: transparent !important;
  white-space: normal !important;
  word-break: break-word;
  overflow-wrap: anywhere;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  box-sizing: border-box;
}

.ts-svc-filter__menu > li:last-child > a {
  border-bottom: none !important;
}

.ts-svc-filter__menu > li > a:hover,
.ts-svc-filter__menu > li > a:focus,
.ts-svc-filter__menu > li.active > a {
  background: rgba(190, 14, 75, 0.38) !important;
  background-color: rgba(190, 14, 75, 0.38) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

@media (min-width: 1200px) {
  .ts-svc-filter__menu {
    width: 560px;
    min-width: 560px;
  }
}

.ts-svc-search {
  position: relative;
  flex: 1;
  min-width: 0;
  margin-left: 0;
}

.ts-svc-search__input {
  width: 100%;
  height: 48px !important;
  border-radius: 12px !important;
  border: 0.8px solid rgba(255, 255, 255, 0.1) !important;
  background: rgba(0, 0, 0, 0.35) !important;
  color: #f5f6f7 !important;
  font-size: 15px !important;
  padding: 12px 58px 12px 16px !important;
  box-shadow: none !important;
}

.ts-svc-search__input::placeholder {
  color: rgba(245, 246, 247, 0.5);
}

.ts-svc-search__btn {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 10px;
  background: var(--ts-grad-pink);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  z-index: 2;
}

.ts-rtl .ts-svc-search__input {
  padding: 12px 16px 12px 58px !important;
}

.ts-rtl .ts-svc-search__btn {
  right: auto;
  left: 6px;
}

.ts-svc-search__btn:hover {
  filter: brightness(1.08);
}

.ts-svc-board {
  border-radius: var(--ts-radius);
  overflow: hidden;
}

.ts-svc-table {
  width: 100%;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  color: var(--ts-n30);
  table-layout: auto;
  border-collapse: separate;
  border-spacing: 0;
}

.ts-svc-table > thead.ts-svc-thead-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.ts-svc-table > tbody > tr > td {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  vertical-align: middle;
}

.ts-svc-cat > td {
  padding: 0 !important;
  background: transparent !important;
  border-bottom: none !important;
}

.ts-svc-cat__head {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 16px;
  border: none;
  border-radius: 16px 16px 0 0;
  background: linear-gradient(
    90deg,
    rgba(190, 14, 75, 0.4) 0%,
    rgba(145, 19, 63, 0.4) 100%
  );
  color: #fff;
  cursor: pointer;
  text-align: left;
  margin-top: 16px;
}

.ts-svc-cat:first-child .ts-svc-cat__head {
  margin-top: 0;
}

.ts-svc-cat.is-collapsed .ts-svc-cat__head {
  border-radius: 16px;
  margin-bottom: 0;
}

.ts-svc-cat__left {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.ts-svc-cat__icon {
  position: relative;
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.ts-svc-cat__poly {
  position: absolute;
  inset: 0;
  width: 38px;
  height: 38px;
}

.ts-svc-cat__glyph-img,
.ts-svc-cat__glyph {
  position: relative;
  z-index: 1;
  width: 20px;
  height: 20px;
  object-fit: contain;
  font-size: 16px;
  line-height: 1;
}

.ts-svc-cat__name {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  line-height: 1.5;
}

.ts-svc-cat__chevron {
  width: 24px;
  height: 23px;
  transition: transform 0.2s ease;
  transform: rotate(90deg);
  flex-shrink: 0;
}

.ts-svc-cat.is-collapsed .ts-svc-cat__chevron {
  transform: rotate(-90deg);
}

.ts-svc-cols > td,
.ts-svc-row > td {
  padding: 16px 14px !important;
  background: rgba(141, 141, 141, 0.15) !important;
  color: #fff !important;
  font-size: 14px;
  font-weight: 500;
  vertical-align: middle !important;
}

.ts-svc-cols > td {
  font-weight: 600;
  font-size: 16px;
  white-space: nowrap;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.22) !important;
}

.ts-svc-table > tbody > tr.ts-svc-row > td {
  border-bottom: 1px dashed rgba(255, 255, 255, 0.22) !important;
  color: var(--ts-n30) !important;
}

.ts-svc-table > tbody > tr.ts-svc-row:last-child > td,
.ts-svc-table > tbody > tr.ts-svc-row.is-cat-last > td {
  border-bottom: none !important;
}

.ts-svc-row.is-cat-last > td:first-child {
  border-bottom-left-radius: 12px;
}

.ts-svc-row.is-cat-last > td:last-child {
  border-bottom-right-radius: 12px;
}

.ts-svc-cols__fav,
.ts-svc-row__fav {
  width: 48px;
  min-width: 48px;
  text-align: center;
}

.ts-svc-cols__id,
.ts-svc-row__id {
  width: 90px;
  min-width: 70px;
  white-space: nowrap;
}

.ts-svc-cols__name,
.ts-svc-row__name {
  width: 32%;
  min-width: 200px;
}

.ts-svc-cols__rate,
.ts-svc-row__rate {
  width: 120px;
  min-width: 100px;
  white-space: nowrap;
}

.ts-svc-cols__minmax,
.ts-svc-row__minmax {
  width: 150px;
  min-width: 120px;
  white-space: nowrap;
}

.ts-svc-cols__time,
.ts-svc-row__time {
  width: 120px;
  min-width: 100px;
  white-space: nowrap;
}

.ts-svc-cols__details,
.ts-svc-row__details {
  width: 220px;
  min-width: 200px;
  text-align: center;
}

.ts-svc-fav-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.55);
  font-size: 16px;
  line-height: 1;
}

.ts-svc-fav-btn [data-favorite-icon] {
  display: inline-block;
  color: inherit;
}

.ts-svc-fav-btn.favorite-active,
.ts-svc-fav-btn.favorite-active [data-favorite-icon] {
  color: #be0e4b;
}

.ts-svc-row__name a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  color: var(--ts-n30) !important;
  text-decoration: none !important;
  line-height: 1.35;
  word-break: break-word;
}

.ts-svc-row__name a:hover {
  color: #fff !important;
}

.ts-svc-actions {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: nowrap;
}

.ts-svc-view,
.ts-svc-order {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 0;
  height: 40px;
  padding: 10px 24px !important;
  border-radius: 8px !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  cursor: pointer;
  white-space: nowrap;
}

.ts-svc-view {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: none !important;
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28) !important;
}

.ts-svc-view::before {
  display: none;
}

.ts-rtl .ts-svc-view::before {
  display: none;
}

.ts-svc-order {
  border: 1.5px solid rgba(255, 255, 255, 0.55) !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 10px 14px !important;
  font-size: 13px !important;
}

.ts-svc-view:hover,
.ts-svc-order:hover {
  filter: brightness(1.08);
  color: #fff !important;
}

.ts-svc-view:active {
  filter: brightness(0.96);
}

.ts-svc-actions .ts-svc-order:only-child {
  background: var(--ts-grad-pink) !important;
  border-color: #fff !important;
}

.ts-svc-desc-src {
  display: none !important;
}

/* Service Details modal */
.ts-svc-modal {
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
}

.ts-svc-modal[hidden] {
  display: none !important;
}

.ts-svc-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.72);
  backdrop-filter: blur(4px);
}

.ts-svc-modal__dialog {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 560px;
  max-height: min(88vh, 720px);
  display: flex;
  flex-direction: column;
  border-radius: 14px;
  overflow: hidden;
  background: #0c0608;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55);
}

.ts-svc-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  background: var(--ts-grad-pink);
  flex-shrink: 0;
}

.ts-svc-modal__title {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
}

.ts-svc-modal__x {
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.28);
  color: #fff;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.ts-svc-modal__x:hover {
  background: rgba(0, 0, 0, 0.42);
}

.ts-svc-modal__body {
  padding: 16px;
  overflow-y: auto;
  flex: 1;
  min-height: 0;
}

.ts-svc-modal__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 14px;
}

.ts-svc-modal__card {
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(166, 166, 166, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.ts-svc-modal__label {
  display: block;
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 500;
  color: rgba(235, 236, 239, 0.55);
}

.ts-svc-modal__value {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  line-height: 1.25;
  word-break: break-word;
}

.ts-svc-modal__desc-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ts-svc-modal__desc {
  min-height: 140px;
  max-height: 280px;
  overflow-y: auto;
  padding: 14px;
  border-radius: 12px;
  background: rgba(166, 166, 166, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(245, 246, 247, 0.92);
  font-size: 14px;
  line-height: 1.55;
}

.ts-svc-modal__desc:empty::before {
  content: 'No description available.';
  color: rgba(245, 246, 247, 0.45);
}

.ts-svc-modal__desc p {
  margin: 0 0 8px;
}

.ts-svc-modal__desc ul,
.ts-svc-modal__desc ol {
  margin: 0 0 8px;
  padding-left: 1.2em;
}

.ts-svc-modal__desc a {
  color: #ff608c;
}

.ts-svc-modal__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding: 14px 16px 16px;
  flex-shrink: 0;
}

.ts-svc-modal__close,
.ts-svc-modal__order {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 18px !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  cursor: pointer;
}

.ts-svc-modal__close {
  border: 1.5px solid rgba(255, 255, 255, 0.35) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: #fff !important;
}

.ts-svc-modal__order {
  border: none !important;
  background: var(--ts-grad-pink) !important;
  color: #fff !important;
}

.ts-svc-modal__close:hover,
.ts-svc-modal__order:hover {
  filter: brightness(1.08);
  color: #fff !important;
}

body.ts-svc-modal-open {
  overflow: hidden;
}

@media (max-width: 560px) {
  .ts-svc-modal__grid {
    grid-template-columns: 1fr;
  }

  .ts-svc-modal__footer {
    flex-direction: column-reverse;
    align-items: stretch;
  }

  .ts-svc-modal__close,
  .ts-svc-modal__order {
    width: 100%;
  }
}

.ts-svc-text {
  margin-top: 24px;
  padding: 20px;
  border-radius: var(--ts-radius);
  background: rgba(166, 166, 166, 0.08);
  border: 0.8px solid var(--ts-card-border);
  color: var(--ts-body);
}

.ts-svc-platform-hide {
  display: none !important;
}

.ts-svc-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 16px;
  padding: 48px 24px;
  border-radius: 16px;
  background: rgba(141, 141, 141, 0.12);
  border: 0.8px solid rgba(255, 255, 255, 0.08);
  text-align: center;
}

.ts-svc-empty[hidden] {
  display: none !important;
}

.ts-svc-empty__title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}

.ts-svc-empty__desc {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  color: var(--ts-body);
}

.ts-svc-table.is-empty {
  display: none !important;
}

/* Hide PP default wells on services when our theme wraps */
.ts-services .well {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
}

@media (max-width: 1200px) {
  .ts-svc-cols > td,
  .ts-svc-row > td {
    font-size: 13px;
  }
}

@media (max-width: 900px) {
  .ts-svc-hero {
    height: auto;
    min-height: 100px;
    max-height: none;
    padding: 16px 18px;
  }

  .ts-svc-hero__title {
    font-size: 24px;
  }

  .ts-svc-hero__desc {
    white-space: normal;
  }

  .ts-svc-toolbar__bar {
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    padding: 10px;
  }

  .ts-svc-toolbar__left {
    flex: 0 0 auto;
    min-width: 0;
  }

  .ts-svc-search {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
  }

  .ts-svc-filter__btn {
    width: auto;
    min-width: 0;
    max-width: 148px;
    min-height: 44px;
    gap: 8px;
    padding: 4px 4px 4px 12px !important;
    font-size: 13px !important;
  }

  .ts-svc-filter__caret {
    width: 32px;
    height: 32px;
  }

  .ts-svc-search__input {
    height: 44px;
    min-height: 44px;
    padding: 10px 44px 10px 14px !important;
    font-size: 13px !important;
  }

  .ts-rtl .ts-svc-search__input {
    padding: 10px 14px 10px 44px !important;
  }

  .ts-svc-filter__menu {
    width: min(420px, calc(100vw - 32px));
    min-width: 0;
  }

  .ts-svc-board {
    overflow-x: auto;
  }

  .ts-svc-table {
    min-width: 980px;
  }
}

/* —— Light theme (Figma 715:89084) — color only; structure unchanged —— */
.ts-body.is-light {
  --ts-bg: #f8f8f8;
  --ts-sidebar: #ffffff;
  --ts-n20: #343e56;
  --ts-n30: #5b6477;
  --ts-body: #5b6477;
  --ts-card-border: #ff94b2;
  --ts-grad-card: linear-gradient(
    117deg,
    rgba(255, 255, 255, 0.98) 2.5%,
    rgba(255, 240, 241, 0.92) 100%
  );
  color: #343e56;
  background: #f8f8f8;
}

/* Shell / topbar / sidebar — Figma 715:89328 */
.ts-body.is-light .ts-sidebar {
  background-color: #fdf6f7;
  background-image: linear-gradient(
    180deg,
    rgba(255, 177, 177, 0.11) 0%,
    rgba(213, 42, 70, 0.07) 19.461%,
    rgba(213, 42, 70, 0.04) 100%
  );
  border-right: 1px solid rgba(255, 134, 170, 0.18);
}

.ts-body.is-light .ts-sidebar__logo {
  width: 190px;
  height: 40px;
  background-image: url('data:image/png;base64,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');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.ts-body.is-light .ts-sidebar__logo .ts-logo {
  opacity: 0;
}

.ts-body.is-light .ts-topbar__brand {
  background-image: url('data:image/png;base64,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');
  background-position: left center;
  background-size: contain;
  background-repeat: no-repeat;
}

@media (min-width: 1101px) {
  .ts-body.is-light .ts-topbar__brand {
    min-width: 190px;
  }
}

.ts-body.is-light .ts-topbar__brand .ts-logo {
  opacity: 0;
}

.ts-body.is-light .ts-topbar {
  background-color: #fff0f1;
  background-image: linear-gradient(
    90deg,
    #fff0f1 0%,
    rgba(255, 195, 205, 0.2) 100%
  );
  border-bottom: 1px solid rgba(255, 195, 205, 0.35);
  box-shadow: none;
}

.ts-body.is-light .ts-topbar__title {
  color: #222e48;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  gap: 4px;
}

.ts-body.is-light .ts-topbar__title img {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  /* Neutral/N700 #222E48 — Figma title icon */
  filter: brightness(0) saturate(100%) invert(14%) sepia(18%) saturate(1400%)
    hue-rotate(185deg) brightness(0.95);
}

.ts-body.is-light .ts-topbar__right {
  gap: 10px;
}

@media (min-width: 1101px) {
  .ts-body.is-light .ts-topbar__right {
    gap: 10px;
  }
}

.ts-body.is-light .ts-nav__label {
  color: #202020;
}

.ts-body.is-light .ts-nav__section {
  margin-bottom: 16px;
}

.ts-body.is-light .ts-nav__section-btn {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  color: #fff;
  border-left-color: #fff;
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.12),
    inset 4px 0 12px rgba(255, 255, 255, 0.14);
}

.ts-body.is-light .ts-nav__section[data-section='earn'] .ts-nav__section-btn,
.ts-body.is-light .ts-nav__section[data-section='api'] .ts-nav__section-btn {
  background: #af1349;
}

.ts-body.is-light .ts-nav__item a {
  color: #343e56 !important;
  -webkit-text-fill-color: #343e56;
}

.ts-body.is-light .ts-nav__item a .ts-nav__text {
  color: #343e56;
  -webkit-text-fill-color: #343e56;
  background: none;
}

.ts-body.is-light .ts-nav__item a:hover .ts-nav__text,
.ts-body.is-light .ts-nav__item.is-active a .ts-nav__text {
  font-weight: 600;
  background: linear-gradient(138deg, #ff608c 23%, #df1149 78%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
}

/* Light-mode nav: soft-pink inactive hex + brand-pink glyphs */
.ts-body.is-light .ts-nav__item:not(.is-active) .ts-nav__poly {
  opacity: 0;
}

.ts-body.is-light .ts-nav__item:not(.is-active) .ts-nav__icon::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.7039 0.951076C19.1741 0.342112 20.8259 0.342112 22.2961 0.951076L31.846 4.90679C33.3162 5.51575 34.4842 6.6838 35.0932 8.15396L39.0489 17.7039C39.6579 19.1741 39.6579 20.8259 39.0489 22.2961L35.0932 31.846C34.4842 33.3162 33.3162 34.4842 31.846 35.0932L22.2961 39.0489C20.8259 39.6579 19.1741 39.6579 17.7039 39.0489L8.15396 35.0932C6.6838 34.4842 5.51575 33.3162 4.90679 31.846L0.951076 22.2961C0.342112 20.8259 0.342112 19.1741 0.951076 17.7039L4.90679 8.15396C5.51575 6.6838 6.6838 5.51575 8.15396 4.90679L17.7039 0.951076Z' fill='%23F5C4D3'/%3E%3C/svg%3E")
    center / 40px 40px no-repeat;
  pointer-events: none;
  z-index: 0;
}

.ts-body.is-light .ts-nav__item:not(.is-active) .ts-nav__glyph {
  filter: brightness(0) saturate(100%) invert(14%) sepia(94%) saturate(3200%)
    hue-rotate(325deg) brightness(0.92);
}

.ts-body.is-light .ts-nav__item.is-active .ts-nav__poly {
  opacity: 1;
  filter: none;
}

.ts-body.is-light .ts-nav__item.is-active .ts-nav__glyph {
  filter: none;
}

.ts-body.is-light .ts-nav__item:not(:last-child)::after {
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='16' viewBox='0 0 6 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.88672 0L0 2.88672L2.88672 5.77347L5.77347 2.88672L2.88672 0ZM2.88672 15.7735L5.77347 12.8867L2.88672 10L0 12.8867L2.88672 15.7735ZM2.88672 2.88672H2.38672V12.8867H2.88672H3.38672V2.88672H2.88672Z' fill='%23E296B0' fill-opacity='0.9'/%3E%3C/svg%3E");
  opacity: 1;
}

.ts-body.is-light .ts-user-card {
  background-color: transparent;
  background-image: linear-gradient(
    154.01deg,
    rgba(255, 178, 196, 0.259) 9.99%,
    rgba(255, 40, 90, 0.294) 93%
  );
  border: 1.5px solid #ff86aa;
  box-shadow: none;
}

.ts-body.is-light .ts-user-card__face--back {
  background: linear-gradient(160deg, #fff5f8 0%, #ffe0ea 42%, #ffc2d4 100%);
  border: 1px solid rgba(255, 121, 162, 0.5);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.ts-body.is-light .ts-user-card__crown {
  filter: drop-shadow(0 3px 8px rgba(190, 14, 75, 0.28));
}

.ts-body.is-light .ts-user-card__name {
  background: linear-gradient(145.43deg, #ff608c 23.08%, #df1149 78.15%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.ts-body.is-light .ts-user-card__balance {
  border: 0.5px solid #be0e4b;
  background-color: transparent;
  background-image: linear-gradient(132.53deg, #ff608c 23.08%, #df1149 78.15%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.ts-body.is-light .ts-user-card__plus {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  border: 1px solid rgba(255, 255, 255, 0.41);
}

/* Topbar controls — Figma 715:89087 */
.ts-body.is-light .ts-pill {
  border: 0.8px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(
    103.69deg,
    rgba(255, 30, 92, 0.5) 2.4%,
    rgba(255, 73, 122, 0.33) 95.76%
  );
  color: #fff !important;
  backdrop-filter: blur(10px);
}

.ts-body.is-light .ts-pill .dropdown-toggle {
  color: #fff !important;
}

.ts-body.is-light .ts-pill__text {
  color: #fff;
}

.ts-body.is-light .ts-pill__icon {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
}

.ts-body.is-light .ts-pill__caret {
  /* keep caret white on pink pills */
  filter: brightness(0) invert(1);
  opacity: 0.95;
}

.ts-body.is-light .ts-pill--notify {
  width: 40px;
  height: 40px;
  min-width: 40px;
  padding: 5px 4px 5px 5px;
  box-sizing: border-box;
  background: linear-gradient(
    95.12deg,
    rgba(255, 30, 92, 0.5) 2.4%,
    rgba(255, 73, 122, 0.33) 95.76%
  );
  border: 0.8px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
}

.ts-body.is-light .ts-pill--notify .ts-pill__icon {
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  padding: 3px;
  box-sizing: border-box;
  flex-shrink: 0;
}

.ts-body.is-light .ts-pill--notify .ts-pill__icon img {
  width: 16px;
  height: 16px;
}

.ts-body.is-light .ts-pill__badge {
  background: #fff;
  color: #be0e4b;
}

.ts-body.is-light .ts-pill__avatar {
  border-radius: 50px;
}

/* Theme toggle light — colors always; desktop sizes only above mobile */
.ts-body.is-light .ts-theme-toggle {
  color: #fff;
}

.ts-body.is-light .ts-theme-toggle__track {
  border-radius: 11.5px;
  background: linear-gradient(
    102.4deg,
    rgba(255, 30, 92, 0.5) 2.4%,
    rgba(255, 73, 122, 0.33) 95.76%
  );
  border: 0.4px solid rgba(26, 26, 26, 0.03);
  backdrop-filter: none;
}

.ts-body.is-light .ts-theme-toggle__label {
  right: auto;
  color: #fff;
  font-weight: 500;
}

.ts-body.is-light .ts-theme-toggle__knob {
  left: 0;
  right: auto;
  border-radius: 50%;
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.25),
    0 2px 8px rgba(0, 0, 0, 0.2);
}

@media (min-width: 1101px) {
  .ts-body.is-light .ts-theme-toggle {
    width: 68px;
    height: 40px;
  }

  .ts-body.is-light .ts-theme-toggle__track {
    left: 6px;
    width: 52px;
    height: 23px;
  }

  .ts-body.is-light .ts-theme-toggle__label {
    left: 30px;
    font-size: 10px;
  }

  .ts-body.is-light .ts-theme-toggle__knob {
    width: 29px;
    height: 29px;
  }

  .ts-body.is-light .ts-theme-toggle__icon {
    width: 16px;
    height: 16px;
  }
}

.ts-body.is-light .ts-dd,
.ts-body.is-light .ts-dd--profile,
.ts-body.is-light .ts-dd--balance,
.ts-body.is-light .dropdown-menu.ts-dd {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid rgba(255, 136, 172, 0.45) !important;
  box-shadow: 0 16px 40px rgba(190, 14, 75, 0.12) !important;
}

html body.ts-body.is-light .ts-dd.dropdown-menu > li > a,
html body.ts-body.is-light .dropdown-menu.ts-dd > li > a,
html body.ts-body.is-light .ts-pill .dropdown-menu > li > a,
html body.ts-body.is-light .ts-topbar__right .dropdown-menu > li > a {
  color: #222e48 !important;
  border-bottom: 0.4px dashed rgba(190, 14, 75, 0.22) !important;
  background: transparent !important;
}

html body.ts-body.is-light .ts-dd.dropdown-menu > li:last-child > a,
html body.ts-body.is-light .dropdown-menu.ts-dd > li:last-child > a {
  border-bottom: none !important;
}

html body.ts-body.is-light .ts-dd--balance {
  background-color: #ffffff !important;
  border: 1px solid rgba(255, 136, 172, 0.45) !important;
  box-shadow: 0 16px 40px rgba(190, 14, 75, 0.12) !important;
}

html body.ts-body.is-light .ts-dd--balance > li > a {
  color: #222e48 !important;
  font-weight: 600;
}

html body.ts-body.is-light .ts-dd--balance > li > a:hover,
html body.ts-body.is-light .ts-dd--balance > li > a:focus,
html body.ts-body.is-light .ts-dd--balance > li.active > a {
  background: rgba(190, 14, 75, 0.08) !important;
  color: #be0e4b !important;
}

html body.ts-body.is-light .ts-dd--balance > li.ts-dd__empty .ts-dd__empty-text {
  color: #4f586d;
}

html body.ts-body.is-light .ts-dd.dropdown-menu > li > a:hover,
html body.ts-body.is-light .ts-dd.dropdown-menu > li > a:focus,
html body.ts-body.is-light .ts-dd.dropdown-menu > li > a:active,
html body.ts-body.is-light .ts-dd.dropdown-menu > li.active > a,
html body.ts-body.is-light .dropdown-menu.ts-dd > li > a:hover,
html body.ts-body.is-light .ts-pill .dropdown-menu > li > a:hover,
html body.ts-body.is-light .ts-topbar__right .dropdown-menu > li > a:hover {
  background: rgba(190, 14, 75, 0.08) !important;
  color: #be0e4b !important;
}

/* Profile dropdown — Account / Logout */
html body.ts-body.is-light .ts-dd--profile > li.is-account > a,
html body.ts-body.is-light .ts-dd--profile > li.is-account > a span,
html body.ts-body.is-light .ts-dd--profile > li.is-account.active > a span {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #222e48 !important;
  -webkit-text-fill-color: #222e48 !important;
}

html body.ts-body.is-light .ts-dd--profile > li.is-account > a:hover,
html body.ts-body.is-light .ts-dd--profile > li.is-account > a:hover span,
html
  body.ts-body.is-light
  .ts-dd--profile
  > li.is-account.active
  > a:hover
  span {
  color: #be0e4b !important;
  -webkit-text-fill-color: #be0e4b !important;
}

html body.ts-body.is-light .ts-dd--profile > li.is-logout > a,
html body.ts-body.is-light .ts-dd--profile > li.is-logout > a:hover,
html body.ts-body.is-light .ts-dd--profile > li.is-logout > a:focus,
html body.ts-body.is-light .ts-dd--profile > li.is-logout > a span {
  color: #e11d48 !important;
  -webkit-text-fill-color: #e11d48 !important;
  background: transparent !important;
}

html body.ts-body.is-light .ts-dd--profile > li.is-logout > a:hover {
  background: rgba(225, 29, 72, 0.08) !important;
}

html body.ts-body.is-light .ts-dd .ts-dd__icon,
html body.ts-body.is-light .ts-dd--profile .ts-dd__icon {
  filter: brightness(0) saturate(100%) invert(14%) sepia(18%) saturate(1400%)
    hue-rotate(185deg) brightness(0.95);
}

html
  body.ts-body.is-light
  .ts-dd--profile
  > li.is-account
  > a:hover
  .ts-dd__icon {
  filter: brightness(0) saturate(100%) invert(14%) sepia(94%) saturate(3200%)
    hue-rotate(325deg) brightness(0.92);
}

html body.ts-body.is-light .ts-dd--profile > li.is-logout .ts-dd__icon {
  filter: brightness(0) saturate(100%) invert(27%) sepia(84%) saturate(3200%)
    hue-rotate(330deg) brightness(0.95);
}

html body.ts-body.is-light .ts-dd__icon--text {
  color: #be0e4b !important;
}

.ts-body.is-light .ts-balance-dd .dropdown-menu {
  background: #ffffff;
  border: 1px solid rgba(255, 136, 172, 0.35);
}

.ts-body.is-light .ts-balance-dd .dropdown-menu > li > a {
  color: #343e56;
}

/* New order / shared surfaces */
.ts-body.is-light .ts-card,
.ts-body.is-light .ts-neworder .ts-card,
.ts-body.is-light .ts-info-card,
.ts-body.is-light .ts-order-form-card,
.ts-body.is-light .ts-af-form-card {
  background: #ffffff;
  border: 0.5px solid #ff79a2;
  backdrop-filter: none;
}

/* Color only — sizing/layout come from shared + responsive rules */
.ts-body.is-light .ts-platforms,
.ts-body.is-light .ts-neworder .ts-platforms {
  background: #ececec;
  backdrop-filter: blur(100px);
  border: none;
}

.ts-body.is-light .ts-platform,
.ts-body.is-light .ts-neworder .ts-platform {
  color: #343e56;
  background: #ffffff;
  border: 0.5px solid #ff88ac;
  box-shadow: none;
}

.ts-body.is-light .ts-platform__label,
.ts-body.is-light .ts-neworder .ts-platform__label {
  color: #343e56;
}

.ts-body.is-light .ts-platform:hover {
  border-color: #be0e4b;
}

.ts-body.is-light .ts-platform.is-active,
.ts-body.is-light .ts-neworder .ts-platform.is-active {
  color: #fff;
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  border-color: transparent;
}

.ts-body.is-light .ts-platform.is-active .ts-platform__label,
.ts-body.is-light .ts-neworder .ts-platform.is-active .ts-platform__label {
  color: #fff;
}

/* Figma rounded octagon (same path as poly-active) for inactive */
.ts-body.is-light .ts-platform:not(.is-active) .ts-platform__poly {
  opacity: 0;
}

.ts-body.is-light .ts-platform:not(.is-active) .ts-platform__icon::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37.0113 37.0113' fill='none'%3E%3Cpath d='M16.2478 0.549592C17.6935 -0.0492226 19.3178 -0.0492226 20.7635 0.549592L29.6062 4.2117C31.0519 4.81052 32.2008 5.95939 32.7996 7.40506L36.4617 16.2478C37.0605 17.6935 37.0605 19.3178 36.4617 20.7635L32.7996 29.6062C32.2008 31.0519 31.0519 32.2008 29.6062 32.7996L20.7635 36.4617C19.3178 37.0605 17.6935 37.0605 16.2478 36.4617L7.40506 32.7996C5.95939 32.2008 4.81052 31.0519 4.2117 29.6062L0.549592 20.7635C-0.0492226 19.3178 -0.0492226 17.6935 0.549592 16.2478L4.2117 7.40506C4.81052 5.95939 5.95939 4.81052 7.40506 4.2117L16.2478 0.549592Z' fill='%23FFFFFF' stroke='%23FF88AC' stroke-width='0.8'/%3E%3C/svg%3E")
    center / contain no-repeat;
  pointer-events: none;
  z-index: 0;
}

.ts-body.is-light .ts-platform.is-active .ts-platform__poly {
  opacity: 1;
}

.ts-body.is-light .ts-card__title,
.ts-body.is-light .ts-order-form-card .ts-card__title,
.ts-body.is-light .ts-af-form-card .ts-card__title {
  color: #222e48;
  font-weight: 500;
}

.ts-body.is-light .ts-order-form-card .ts-card__head,
.ts-body.is-light .ts-af-form-card .ts-card__head {
  background: linear-gradient(
    90deg,
    rgba(255, 74, 137, 0.24) 0%,
    rgba(205, 15, 81, 0.24) 100%
  );
  backdrop-filter: blur(20px);
  border: none;
}

.ts-body.is-light .ts-info-tabs-wrap {
  background: linear-gradient(
    90deg,
    rgba(255, 74, 137, 0.24) 0%,
    rgba(205, 15, 81, 0.24) 100%
  );
  backdrop-filter: blur(20px);
  border: 1px solid rgba(103, 103, 103, 0.16);
}

.ts-body.is-light .ts-tabs,
.ts-body.is-light .ts-tabs--info,
.ts-body.is-light .ts-order-form-card .ts-tabs--sm,
.ts-body.is-light .ts-af-form-card .ts-tabs--sm {
  background: #ffffff;
  border: 0.4px solid #ff96b3;
}

.ts-body.is-light .ts-tabs__item,
.ts-body.is-light .ts-tabs--info .ts-tabs__item {
  color: #343e56;
}

.ts-body.is-light .ts-tabs__item.is-active,
.ts-body.is-light .ts-tabs__item.active,
.ts-body.is-light .ts-tabs--info .ts-tabs__item.is-active {
  color: #f5f6f7;
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
}

.ts-body.is-light .ts-stat-card,
.ts-body.is-light .ts-stat-card--giveaway {
  background-color: rgba(255, 178, 191, 0.15);
  background-image: none;
  border: 0.8px solid #ff94b2;
}

.ts-body.is-light .ts-stat-card--giveaway {
  border-color: rgba(255, 100, 144, 0.69);
}

/* Giveaway ext icon — Figma light: brand pink + white arrow at rest */
.ts-body.is-light .ts-stat-card__ext {
  background-color: #be0e4b;
  background-image: none;
  border-color: transparent;
}

.ts-body.is-light .ts-stat-card__ext img {
  filter: brightness(0) invert(1);
}

.ts-body.is-light .ts-stat-card--giveaway:hover .ts-stat-card__ext,
.ts-body.is-light .ts-stat-card--giveaway:focus-visible .ts-stat-card__ext {
  background-color: #91133f;
  background-image: none;
  border-color: transparent;
  box-shadow: 0 4px 12px rgba(190, 14, 75, 0.45);
}

.ts-body.is-light .ts-stat-card--giveaway:hover .ts-stat-card__ext img,
.ts-body.is-light .ts-stat-card--giveaway:focus-visible .ts-stat-card__ext img {
  filter: brightness(0) invert(1);
}

.ts-body.is-light .ts-stat-card__value {
  color: #343e56;
}

.ts-body.is-light .ts-stat-card__label,
.ts-body.is-light .ts-stat-card__desc,
.ts-body.is-light .ts-stat-card__trend-txt,
.ts-body.is-light .ts-stat-card__sub,
.ts-body.is-light .ts-stat-card__meta {
  color: #5b6477;
}

.ts-body.is-light .ts-stat-card__icon {
  background: linear-gradient(
    90deg,
    rgba(255, 74, 137, 0.24) 0%,
    rgba(205, 15, 81, 0.24) 100%
  );
  border: 0.5px solid rgba(255, 255, 255, 0.19);
  backdrop-filter: blur(100px);
}

.ts-body.is-light .ts-order-form .control-label,
.ts-body.is-light .ts-order-form label,
.ts-body.is-light .ts-neworder .control-label {
  color: #13203b !important;
  font-size: 16px;
  font-weight: 400;
}

.ts-body.is-light .ts-order-form .form-control,
.ts-body.is-light .ts-neworder .form-control,
.ts-body.is-light .ts-order-form select.form-control,
.ts-body.is-light .ts-neworder textarea.form-control {
  background: rgba(254, 178, 198, 0.17) !important;
  border: 0.5px solid #ff88a9 !important;
  color: #222e48 !important;
  -webkit-text-fill-color: #222e48 !important;
  caret-color: #222e48 !important;
}

.ts-body.is-light .ts-order-form .form-control::placeholder,
.ts-body.is-light .ts-neworder .form-control::placeholder {
  color: rgba(34, 46, 72, 0.55) !important;
  -webkit-text-fill-color: rgba(34, 46, 72, 0.55) !important;
}

.ts-body.is-light .ts-order-form .form-control:focus,
.ts-body.is-light .ts-neworder .form-control:focus {
  border-color: #be0e4b !important;
  box-shadow: 0 0 0 3px rgba(190, 14, 75, 0.12) !important;
}

/* Select2 closed fields — beat #orderform-* ID dark rules */
html
  body.ts-body.is-light
  .ts-order-form
  .select2-container--default
  .select2-selection--single,
html
  body.ts-body.is-light
  .ts-order-form
  .select2-selection.select2-selection--single,
html
  body.ts-body.is-light
  #orderform-category
  + .select2-container
  .select2-selection,
html
  body.ts-body.is-light
  #orderform-service
  + .select2-container
  .select2-selection,
html
  body.ts-body.is-light
  .select2-container--default
  .select2-selection--single,
html body.ts-body.is-light .ts-neworder .select2-selection--single {
  background: rgba(254, 178, 198, 0.17) !important;
  background-color: rgba(254, 178, 198, 0.17) !important;
  background-image: none !important;
  border: 0.5px solid #ff88a9 !important;
  color: #222e48 !important;
  -webkit-text-fill-color: #222e48 !important;
  caret-color: #222e48 !important;
  box-shadow: none !important;
}

html
  body.ts-body.is-light
  .select2-container--default.select2-container--focus
  .select2-selection--single,
html
  body.ts-body.is-light
  .select2-container--default.select2-container--open
  .select2-selection--single,
html
  body.ts-body.is-light
  #orderform-category
  + .select2-container.select2-container--open
  .select2-selection,
html
  body.ts-body.is-light
  #orderform-service
  + .select2-container.select2-container--open
  .select2-selection,
html
  body.ts-body.is-light
  #orderform-category
  + .select2-container.select2-container--focus
  .select2-selection,
html
  body.ts-body.is-light
  #orderform-service
  + .select2-container.select2-container--focus
  .select2-selection {
  background: rgba(254, 178, 198, 0.24) !important;
  background-color: rgba(254, 178, 198, 0.24) !important;
  border: 0.5px solid #be0e4b !important;
  box-shadow: 0 0 0 3px rgba(190, 14, 75, 0.12) !important;
  outline: none !important;
}

html
  body.ts-body.is-light
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered,
html body.ts-body.is-light .ts-order-form .select2-selection__rendered,
html
  body.ts-body.is-light
  #orderform-category
  + .select2-container
  .select2-selection__rendered,
html
  body.ts-body.is-light
  #orderform-service
  + .select2-container
  .select2-selection__rendered,
html body.ts-body.is-light .select2-selection__rendered {
  color: #222e48 !important;
  -webkit-text-fill-color: #222e48 !important;
}

html
  body.ts-body.is-light
  .select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: rgba(34, 46, 72, 0.55) !important;
  -webkit-text-fill-color: rgba(34, 46, 72, 0.55) !important;
}

html
  body.ts-body.is-light
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #222e48 transparent transparent transparent !important;
}

html
  body.ts-body.is-light
  .select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: transparent transparent #222e48 transparent !important;
}

/* Select2 open panel — light */
html body.ts-body.is-light .select2-dropdown,
html body.ts-body.is-light .select2-dropdown--below,
html body.ts-body.is-light .select2-dropdown--above,
html body.ts-body.is-light .select2-container--default .select2-dropdown,
html body.ts-body.is-light .select2-container--bootstrap .select2-dropdown,
html body.ts-body.is-light .select2-container--classic .select2-dropdown,
html body.ts-body.is-light .select2-container--open .select2-dropdown,
html body.ts-body.is-light .select2-drop,
html body.ts-body.is-light .select2-drop-active,
html body.ts-body.is-light #select2-drop,
html body.ts-body.is-light .select2-dropdown.dropdown-menu,
html body.ts-body.is-light .search-dropdown > .select2-results {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #222e48 !important;
  border: 1px solid rgba(255, 136, 172, 0.45) !important;
  box-shadow: 0 18px 48px rgba(190, 14, 75, 0.12) !important;
}

html body.ts-body.is-light .select2-dropdown .select2-results,
html body.ts-body.is-light .select2-dropdown .select2-results__options,
html body.ts-body.is-light .select2-drop .select2-results,
html body.ts-body.is-light .select2-results__options,
html body.ts-body.is-light ul.select2-results,
html body.ts-body.is-light .select2-results {
  color: #222e48 !important;
}

html body.ts-body.is-light .select2-results li,
html body.ts-body.is-light .select2-results__option,
html body.ts-body.is-light .select2-result,
html body.ts-body.is-light .select2-result-label,
html
  body.ts-body.is-light
  .select2-result-label
  *:not(.id):not(.ts-opt-id):not(.service-id):not(.cid):not(
    .select2-selection__id
  ),
html
  body.ts-body.is-light
  .select2-results__option
  *:not(.id):not(.ts-opt-id):not(.service-id):not(.cid):not(
    .select2-selection__id
  ) {
  color: #222e48 !important;
  -webkit-text-fill-color: #222e48 !important;
}

html body.ts-body.is-light .select2-results > li,
html body.ts-body.is-light .select2-results__options > .select2-results__option,
html body.ts-body.is-light .select2-dropdown .select2-results__option,
html body.ts-body.is-light .search-dropdown .select2-results > li {
  border-bottom-color: rgba(255, 136, 172, 0.28) !important;
}

html
  body.ts-body.is-light
  .select2-container--default
  .select2-results__option--highlighted,
html
  body.ts-body.is-light
  .select2-container--default
  .select2-results__option--highlighted[aria-selected],
html body.ts-body.is-light .select2-results .select2-highlighted,
html body.ts-body.is-light .select2-highlighted,
html body.ts-body.is-light .select2-results > li.select2-highlighted,
html
  body.ts-body.is-light
  .select2-results
  > li.select2-results__option--highlighted,
html body.ts-body.is-light .select2-results > li:hover,
html body.ts-body.is-light .select2-results__option:hover,
html body.ts-body.is-light .select2-results__option[aria-selected='true'],
html
  body.ts-body.is-light
  .select2-dropdown
  .select2-results__option--highlighted {
  background: rgba(190, 14, 75, 0.1) !important;
  background-color: rgba(190, 14, 75, 0.1) !important;
  color: #be0e4b !important;
  -webkit-text-fill-color: #be0e4b !important;
}

html
  body.ts-body.is-light
  .select2-container--default
  .select2-results__option--highlighted
  *:not(.id):not(.ts-opt-id):not(.select2-selection__id),
html
  body.ts-body.is-light
  .select2-highlighted
  *:not(.id):not(.ts-opt-id):not(.select2-selection__id),
html
  body.ts-body.is-light
  .select2-results
  > li:hover
  *:not(.id):not(.ts-opt-id):not(.select2-selection__id) {
  color: #be0e4b !important;
  -webkit-text-fill-color: #be0e4b !important;
}

html body.ts-body.is-light .select2-search--dropdown .select2-search__field,
html body.ts-body.is-light .select2-search input,
html body.ts-body.is-light .select2-search input.select2-input {
  background: rgba(254, 178, 198, 0.14) !important;
  background-color: rgba(254, 178, 198, 0.14) !important;
  color: #222e48 !important;
  -webkit-text-fill-color: #222e48 !important;
  border: 0.5px solid #ff88a9 !important;
}

/* ID pills stay white on pink gradient in light mode */
html body.ts-body.is-light .ts-opt-id,
html body.ts-body.is-light .select2-selection__id,
html body.ts-body.is-light span.select2-selection__id,
html body.ts-body.is-light .select2-selection__id.badge,
html body.ts-body.is-light .select2-selection__id.badge-secondary,
html body.ts-body.is-light .select2-selection__id.badge-pill,
html body.ts-body.is-light .select2-selection__id.rounded-pill,
html body.ts-body.is-light .select2-container .select2-selection__id,
html body.ts-body.is-light .select2-container .badge.badge-secondary.badge-pill,
html body.ts-body.is-light .select2-dropdown .badge.badge-secondary,
html body.ts-body.is-light .select2-results .badge.badge-secondary,
html body.ts-body.is-light .select2-results .select2-selection__id,
html body.ts-body.is-light .select2-dropdown .id,
html body.ts-body.is-light .select2-results .id,
html
  body.ts-body.is-light
  .select2-results
  .select2-highlighted
  .select2-selection__id,
html
  body.ts-body.is-light
  .select2-results__option--highlighted
  .select2-selection__id,
html body.ts-body.is-light .select2-results > li:hover .select2-selection__id,
html
  body.ts-body.is-light
  .select2-results__option:hover
  .select2-selection__id {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.ts-body.is-light .ts-service-desc-panel,
.ts-body.is-light .ts-info-box {
  background: #ffe1e6;
  border: 0.3px solid rgba(121, 121, 121, 0.16);
  color: #4f586d;
  backdrop-filter: blur(25px);
  border-radius: 12px;
}

/* Service Name — Figma gradient label */
.ts-body.is-light .ts-info-box:not(.ts-info-box--desc) .ts-info-box__label {
  background: linear-gradient(147.85deg, #ff608c 23.08%, #df1149 78.15%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}

/* Descriptions — dark navy label (not pink) */
.ts-body.is-light .ts-info-box--desc .ts-info-box__label {
  background: none;
  color: #222e48;
  -webkit-text-fill-color: #222e48;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}

.ts-body.is-light .ts-info-box__title,
.ts-body.is-light .ts-info-card__title,
.ts-body.is-light .ts-info-box__value {
  color: #4f586d;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
}

.ts-body.is-light .ts-info-box__text,
.ts-body.is-light .ts-info-box--desc .ts-info-box__text {
  color: #4f586d;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  scrollbar-color: rgba(190, 14, 75, 0.28) transparent;
}

.ts-body.is-light
  .ts-info-box--desc
  .ts-info-box__text::-webkit-scrollbar-thumb {
  background: rgba(190, 14, 75, 0.28);
}

.ts-body.is-light .ts-info-box--before .ts-info-box__text,
.ts-body.is-light .ts-info-box--before .ts-info-box__text p,
.ts-body.is-light .ts-info-box--before .ts-info-box__list li,
.ts-body.is-light .ts-info-box--before .ts-info-box__text ul li {
  color: #4f586d;
}

.ts-body.is-light .ts-info-box--before .ts-info-box__heading,
.ts-body.is-light .ts-info-box--before .ts-info-box__text h1,
.ts-body.is-light .ts-info-box--before .ts-info-box__text h2,
.ts-body.is-light .ts-info-box--before .ts-info-box__text h3,
.ts-body.is-light .ts-info-box--before .ts-info-box__text h4 {
  color: #be0e4b;
}

.ts-body.is-light .ts-info-box--before .ts-info-box__list strong,
.ts-body.is-light .ts-info-box--before .ts-info-box__text ul li strong {
  color: #222e48;
}

.ts-body.is-light .ts-charge-bar {
  background: linear-gradient(
    90deg,
    rgba(190, 14, 75, 0.15) 0%,
    rgba(145, 19, 63, 0.15) 100%
  );
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 16px;
  color: #343e56;
}

.ts-body.is-light .ts-charge-bar__label,
.ts-body.is-light .ts-charge-bar__value {
  color: #343e56;
}

.ts-body.is-light .ts-order-form #fields .help-block,
.ts-body.is-light .ts-order-form #fields small,
.ts-body.is-light .ts-order-form #fields .form-text,
.ts-body.is-light .ts-order-form #orderform-quantity ~ .help-block,
.ts-body.is-light .ts-order-form [name='OrderForm[quantity]'] ~ .help-block {
  color: #4f586d !important;
}

.ts-body.is-light .ts-search-wrap .form-control,
.ts-body.is-light #new-order-search .form-control,
.ts-body.is-light .search-dropdown .form-control,
html body.ts-body.is-light .ts-search-wrap .form-control {
  background: rgba(254, 178, 198, 0.14) !important;
  color: #222e48 !important;
  -webkit-text-fill-color: #222e48 !important;
  caret-color: #222e48 !important;
  border: 0.3px solid #ff96b3 !important;
}

.ts-body.is-light .ts-search-btn img {
  filter: brightness(0) saturate(100%) invert(14%) sepia(18%) saturate(1400%)
    hue-rotate(185deg) brightness(0.95);
}

.ts-body.is-light #new-order-search .input-wrapper::before,
.ts-body.is-light .search-dropdown .input-wrapper::before {
  filter: brightness(0) saturate(100%) invert(14%) sepia(18%) saturate(1400%)
    hue-rotate(185deg) brightness(0.95);
}

.ts-body.is-light .ts-order-form .terms,
.ts-body.is-light .ts-order-form .terms a {
  color: #4f586d;
}

.ts-body.is-light .ts-announce-card {
  background: #ffe1e6;
  border: 0.3px solid rgba(121, 121, 121, 0.16);
}

.ts-body.is-light .ts-announce-card__title {
  color: #222e48;
}

.ts-body.is-light .ts-announce-card__desc {
  color: #4f586d;
}

.ts-body.is-light .ts-announce-card__ext {
  background-color: #be0e4b;
  background-image: none;
  border-color: transparent;
}

.ts-body.is-light .ts-announce-card__ext img {
  filter: brightness(0) invert(1);
}

.ts-body.is-light .ts-announce-card:hover .ts-announce-card__ext,
.ts-body.is-light .ts-announce-card:focus-visible .ts-announce-card__ext {
  background-color: #91133f;
  background-image: none;
  border-color: transparent;
  box-shadow: 0 4px 12px rgba(190, 14, 75, 0.45);
}

.ts-body.is-light .ts-announce-card:hover .ts-announce-card__ext img,
.ts-body.is-light .ts-announce-card:focus-visible .ts-announce-card__ext img {
  filter: brightness(0) invert(1);
}

/* Mass Order light — Figma 731:7141 */
.ts-body.is-light .ts-massorder .ts-order-form-card,
.ts-body.is-light .ts-massorder .ts-mass-help-card {
  background: #ffffff;
  border: 0.5px solid #ff79a2;
  border-radius: 28px;
}

.ts-body.is-light .ts-massorder .ts-mass-intro {
  background: rgba(254, 178, 198, 0.17);
  backdrop-filter: blur(40px);
  border: 0.3px solid #ff88a9;
  border-radius: 12px;
}

.ts-body.is-light .ts-massorder .ts-mass-intro__title {
  color: #222e48;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.5;
}

.ts-body.is-light .ts-massorder .ts-mass-intro__desc {
  color: #5b6477;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}

.ts-body.is-light .ts-massorder .ts-mass-field .control-label {
  color: #13203b !important;
  font-size: 16px;
  font-weight: 400;
}

html
  body.ts-body.is-light
  .ts-massorder
  .ts-order-form
  textarea.ts-mass-textarea.form-control,
html
  body.ts-body.is-light
  .ts-massorder
  textarea.ts-mass-textarea.form-control {
  background: rgba(254, 178, 198, 0.17) !important;
  background-color: rgba(254, 178, 198, 0.17) !important;
  border: 0.5px solid #ff88a9 !important;
  border-radius: 12px !important;
  color: #222e48 !important;
  -webkit-text-fill-color: #222e48 !important;
  caret-color: #222e48 !important;
  backdrop-filter: blur(40px);
  font-size: 16px !important;
  line-height: 1.5 !important;
}

html
  body.ts-body.is-light
  .ts-massorder
  .ts-order-form
  textarea.ts-mass-textarea.form-control::placeholder,
html
  body.ts-body.is-light
  .ts-massorder
  textarea.ts-mass-textarea.form-control::placeholder {
  color: #222e48 !important;
  -webkit-text-fill-color: #222e48 !important;
  opacity: 0.7;
}

html
  body.ts-body.is-light
  .ts-massorder
  .ts-order-form
  textarea.ts-mass-textarea.form-control:focus,
html
  body.ts-body.is-light
  .ts-massorder
  textarea.ts-mass-textarea.form-control:focus {
  border-color: #ff88a9 !important;
  box-shadow: 0 0 0 3px rgba(190, 14, 75, 0.12) !important;
  outline: none;
}

.ts-body.is-light .ts-massorder .ts-submit-btn.btn-primary {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%) !important;
  border: none !important;
  color: #ffffff !important;
  text-shadow: 0 1.35px 4px rgba(14, 35, 22, 0.2);
}

.ts-body.is-light .ts-massorder .ts-mass-help-card {
  gap: 24px;
}

.ts-body.is-light .ts-massorder .ts-mass-help__head {
  background: linear-gradient(
    90deg,
    rgba(255, 74, 137, 0.24) 0%,
    rgba(205, 15, 81, 0.24) 100%
  );
  backdrop-filter: blur(20px);
  border: 1px solid rgba(103, 103, 103, 0.16);
  border-radius: 14px;
  min-height: 70px;
  padding: 12px;
}

.ts-body.is-light .ts-massorder .ts-mass-help__title {
  color: #222e48;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
}

.ts-body.is-light .ts-massorder .ts-mass-help__icon {
  color: #be0e4b;
}

.ts-body.is-light .ts-massorder .ts-mass-help__body {
  background: rgba(234, 81, 132, 0.09);
  backdrop-filter: blur(25px);
  border: none;
  border-radius: 12px;
  color: #343e56;
  scrollbar-color: rgba(190, 14, 75, 0.28) transparent;
}

.ts-body.is-light .ts-massorder .ts-mass-help__body p,
.ts-body.is-light .ts-massorder .ts-mass-help__example {
  color: #343e56;
}

.ts-body.is-light .ts-massorder .ts-mass-help__body strong {
  color: #222e48;
  font-weight: 600;
}

.ts-body.is-light .ts-massorder .ts-mass-help__body a {
  color: #be0e4b !important;
}

/* Add Funds light — Figma 731:12065 */
.ts-body.is-light .ts-addfunds .ts-svc-hero {
  background-image: url('https://my-techsmm-com.ahmad-iftekhar2004.workers.dev/hero-light-bg.png') !important;
  background-color: #ffe8ef;
}

.ts-body.is-light .ts-addfunds .ts-svc-hero__title {
  color: #222e48;
}

.ts-body.is-light .ts-addfunds .ts-svc-hero__desc {
  color: #5b6477;
}

.ts-body.is-light .ts-addfunds .ts-af-methods {
  background: #ececec;
  border: 0.5px solid rgba(255, 255, 255, 0.13);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.ts-body.is-light .ts-addfunds .ts-af-methods__title {
  color: #222e48;
}

.ts-body.is-light .ts-addfunds .ts-af-method {
  background: linear-gradient(
    90deg,
    rgba(255, 68, 133, 0.24) 0%,
    rgba(255, 94, 150, 0.24) 100%
  );
  border: 1px solid rgba(255, 255, 255, 0.62);
  color: #343e56;
}

.ts-body.is-light .ts-addfunds .ts-af-method:hover {
  filter: brightness(0.98);
}

.ts-body.is-light .ts-addfunds .ts-af-method.is-active {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  border-color: transparent;
  color: #ffffff;
}

.ts-body.is-light .ts-addfunds .ts-af-method__label {
  color: inherit;
}

.ts-body.is-light .ts-addfunds .ts-af-form-card,
.ts-body.is-light .ts-addfunds .ts-af-help-card,
.ts-body.is-light .ts-addfunds .ts-af-video-card {
  background: #ffffff;
  border: 0.5px solid #ff79a2;
  border-radius: 28px;
}

.ts-body.is-light .ts-addfunds .ts-af-form .control-label {
  color: #13203b !important;
  font-size: 16px;
  font-weight: 400;
}

html body.ts-body.is-light .ts-addfunds .ts-af-form .form-control,
html body.ts-body.is-light .ts-addfunds .ts-af-form select.form-control,
html body.ts-body.is-light .ts-addfunds .ts-af-method-select #method {
  background: rgba(254, 178, 198, 0.17) !important;
  background-color: rgba(254, 178, 198, 0.17) !important;
  border: 0.5px solid #ff88a9 !important;
  border-radius: 12px !important;
  color: #222e48 !important;
  -webkit-text-fill-color: #222e48 !important;
  caret-color: #222e48 !important;
}

html body.ts-body.is-light .ts-addfunds .ts-af-form .form-control::placeholder {
  color: #222e48 !important;
  -webkit-text-fill-color: #222e48 !important;
  opacity: 0.65;
}

html body.ts-body.is-light .ts-addfunds .ts-af-form .form-control:focus {
  border-color: #ff88a9 !important;
  box-shadow: 0 0 0 3px rgba(190, 14, 75, 0.12) !important;
}

html body.ts-body.is-light .ts-addfunds .ts-af-form select.form-control,
html body.ts-body.is-light .ts-addfunds .ts-af-method-select #method {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23222e48' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 18px center !important;
}

.ts-body.is-light .ts-addfunds .ts-af-quick__btn {
  background: rgba(254, 178, 198, 0.17);
  border: 0.5px solid #ff88a9;
  color: #222e48;
}

.ts-body.is-light .ts-addfunds .ts-af-quick__btn:hover {
  border-color: #be0e4b;
}

.ts-body.is-light .ts-addfunds .ts-af-quick__btn.is-active {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  border-color: transparent;
  color: #ffffff;
}

.ts-body.is-light .ts-addfunds .ts-af-total__box {
  background: rgba(254, 178, 198, 0.17);
  border: 0.5px solid #ff88a9;
}

.ts-body.is-light .ts-addfunds .ts-af-total__value {
  color: #222e48;
}

.ts-body.is-light .ts-addfunds .ts-af-total__suffix {
  color: #5b6477;
}

.ts-body.is-light .ts-addfunds .ts-af-form .ts-submit-btn.btn-primary,
.ts-body.is-light .ts-addfunds .ts-submit-btn.btn-primary {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%) !important;
  border: none !important;
  color: #ffffff !important;
}

.ts-body.is-light .ts-addfunds .ts-af-help__head {
  background: linear-gradient(
    90deg,
    rgba(255, 74, 137, 0.24) 0%,
    rgba(205, 15, 81, 0.24) 100%
  );
  backdrop-filter: blur(20px);
  border: 1px solid rgba(103, 103, 103, 0.16);
  border-radius: 14px;
  color: #222e48;
}

.ts-body.is-light .ts-addfunds .ts-af-help__step p {
  color: #343e56;
}

.ts-body.is-light .ts-addfunds .ts-af-help__hl {
  color: #be0e4b;
}

.ts-body.is-light .ts-addfunds .ts-af-bonus {
  background: linear-gradient(
    90deg,
    rgba(255, 74, 137, 0.18) 0%,
    rgba(205, 15, 81, 0.18) 100%
  );
  border: 0.5px solid rgba(255, 136, 172, 0.45);
  backdrop-filter: blur(25px);
}

.ts-body.is-light .ts-addfunds .ts-af-bonus__text {
  color: #343e56;
}

.ts-body.is-light .ts-addfunds .ts-af-video__head {
  background: linear-gradient(
    90deg,
    rgba(255, 74, 137, 0.24) 0%,
    rgba(205, 15, 81, 0.24) 100%
  );
  border: 1px solid rgba(103, 103, 103, 0.16);
  border-radius: 14px;
}

.ts-body.is-light .ts-addfunds .ts-af-video__line {
  color: #222e48;
}

.ts-body.is-light .ts-addfunds .ts-af-history__title {
  color: #222e48 !important;
}

html body.ts-body.is-light .ts-addfunds .ts-af-board,
html body.ts-body.is-light .ts-addfunds .ts-ord-board,
html body.ts-body.is-light .ts-addfunds .ts-af-history .ts-ord-board {
  background: #ffffff !important;
  border: 0.5px solid #ff79a2 !important;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(190, 14, 75, 0.06);
}

html body.ts-body.is-light .ts-addfunds .ts-af-table,
html body.ts-body.is-light .ts-addfunds .ts-ord-table,
html body.ts-body.is-light .ts-addfunds .table.ts-af-table {
  background: transparent !important;
  color: #343e56 !important;
}

html body.ts-body.is-light .ts-addfunds .ts-af-table > thead > tr > th,
html body.ts-body.is-light .ts-addfunds .ts-ord-table > thead > tr > th,
html body.ts-body.is-light .ts-addfunds .table.ts-af-table > thead > tr > th {
  background: #be0e4b !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border: none !important;
  padding: 16px 14px !important;
}

html body.ts-body.is-light .ts-addfunds .ts-af-table > tbody > tr,
html body.ts-body.is-light .ts-addfunds .ts-ord-table > tbody > tr {
  box-shadow: inset 0 -1px 0 rgba(190, 14, 75, 0.12);
}

html body.ts-body.is-light .ts-addfunds .ts-af-table > tbody > tr:hover > td,
html body.ts-body.is-light .ts-addfunds .ts-ord-table > tbody > tr:hover > td {
  background: rgba(254, 178, 198, 0.14) !important;
}

html body.ts-body.is-light .ts-addfunds .ts-af-table > tbody > tr > td,
html body.ts-body.is-light .ts-addfunds .ts-ord-table > tbody > tr > td,
html body.ts-body.is-light .ts-addfunds .table.ts-af-table > tbody > tr > td {
  background: transparent !important;
  color: #343e56 !important;
  -webkit-text-fill-color: #343e56 !important;
  border: none !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

html body.ts-body.is-light .ts-addfunds .ts-af-table > tbody > tr:last-child,
html body.ts-body.is-light .ts-addfunds .ts-ord-table > tbody > tr:last-child {
  box-shadow: none;
}

html body.ts-body.is-light .ts-addfunds .ts-af-invoice {
  color: #be0e4b !important;
}

html body.ts-body.is-light .ts-addfunds .ts-ord-pagination > li > a,
html body.ts-body.is-light .ts-addfunds .pagination > li > a {
  color: #343e56 !important;
  background: #ffffff !important;
  border: 0.5px solid #ff88a9 !important;
}

html body.ts-body.is-light .ts-addfunds .ts-ord-pagination > li.active > a,
html body.ts-body.is-light .ts-addfunds .pagination > li.active > a {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%) !important;
  border-color: transparent !important;
  color: #ffffff !important;
}

.ts-body.is-light .alert-success {
  color: #0f7a32;
}

.ts-body.is-light .alert-danger {
  color: #b42318;
}

.ts-body.is-light .alert-warning {
  color: #9a6700;
}

.ts-body.is-light .alert-info {
  color: #175cd3;
}

html body.ts-body.is-light .alert .btn-close,
html body.ts-body.is-light .alert > .close,
html body.ts-body.is-light .ts-acc-modal .alert .btn-close,
html body.ts-body.is-light .ts-acc-modal .alert > .close {
  background: transparent
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23be0e4b'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E")
    center / 0.75em auto no-repeat;
  opacity: 0.9;
}

html body.ts-body.is-light .alert .btn-close:hover,
html body.ts-body.is-light .alert > .close:hover,
html body.ts-body.is-light .ts-acc-modal .alert .btn-close:hover,
html body.ts-body.is-light .ts-acc-modal .alert > .close:hover {
  opacity: 1;
}

/* Services light — Figma 731:19407 */
.ts-body.is-light .ts-services .ts-svc-hero {
  background-image: url('https://my-techsmm-com.ahmad-iftekhar2004.workers.dev/hero-light-bg.png') !important;
  background-color: #ffe8ef;
}

.ts-body.is-light .ts-services .ts-svc-hero__title {
  color: #222e48;
}

.ts-body.is-light .ts-services .ts-svc-hero__desc {
  color: #4f586d;
}

.ts-body.is-light .ts-services .ts-platforms--services,
.ts-body.is-light .ts-platforms.ts-platforms--services {
  background: #ececec;
  backdrop-filter: blur(100px);
  border: none;
}

.ts-body.is-light .ts-services .ts-svc-toolbar__bar {
  background: #ececec;
  border: none;
}

.ts-body.is-light .ts-services .ts-svc-filter__btn {
  background: linear-gradient(
    112deg,
    rgba(255, 30, 92, 0.6) 2.4%,
    rgba(255, 73, 122, 0.4) 95.76%
  ) !important;
  color: #fff !important;
  border: 0.5px solid rgba(255, 255, 255, 0.08) !important;
}

.ts-body.is-light .ts-services .ts-svc-filter__main {
  color: #fff;
}

.ts-body.is-light .ts-services .ts-svc-filter__caret {
  background: linear-gradient(180deg, #be0e4b 0%, #91133f 100%);
}

.ts-body.is-light .ts-services .ts-svc-filter__menu {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid #ff88ac !important;
  box-shadow: 0 18px 48px rgba(34, 46, 72, 0.14) !important;
  scrollbar-color: rgba(190, 14, 75, 0.35) transparent;
}

.ts-body.is-light .ts-services .ts-svc-filter__menu::-webkit-scrollbar-thumb {
  background: rgba(190, 14, 75, 0.28);
}

.ts-body.is-light
  .ts-services
  .ts-svc-filter__menu::-webkit-scrollbar-thumb:hover {
  background: rgba(190, 14, 75, 0.42);
}

.ts-body.is-light .ts-services .ts-svc-filter__menu > li > a {
  color: #343e56 !important;
  -webkit-text-fill-color: #343e56 !important;
  border-bottom: 0.4px dashed rgba(128, 128, 128, 0.22) !important;
}

.ts-body.is-light .ts-services .ts-svc-filter__menu > li > a:hover,
.ts-body.is-light .ts-services .ts-svc-filter__menu > li > a:focus,
.ts-body.is-light .ts-services .ts-svc-filter__menu > li.active > a {
  background: rgba(190, 14, 75, 0.1) !important;
  background-color: rgba(190, 14, 75, 0.1) !important;
  color: #be0e4b !important;
  -webkit-text-fill-color: #be0e4b !important;
}

.ts-body.is-light .ts-services .ts-svc-search__input {
  border: 0.5px solid #ff477e !important;
  background: #ffffff !important;
  color: #343e56 !important;
  backdrop-filter: blur(10px);
}

.ts-body.is-light .ts-services .ts-svc-search__input::placeholder {
  color: #4f586d;
}

.ts-body.is-light .ts-services .ts-svc-search__btn {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  width: 62px;
  border-radius: 8px;
}

.ts-body.is-light .ts-services .ts-svc-cat__head {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
}

.ts-body.is-light .ts-services .ts-svc-cat__name {
  color: #ffffff;
}

.ts-body.is-light .ts-services .ts-svc-cols > td,
.ts-body.is-light .ts-services .ts-svc-row > td {
  background: rgba(198, 198, 198, 0.15) !important;
  color: #343e56 !important;
  border-bottom-color: rgba(128, 128, 128, 0.22) !important;
}

.ts-body.is-light .ts-services .ts-svc-cols > td {
  color: #222e48 !important;
  border-bottom: 1px dashed rgba(128, 128, 128, 0.22) !important;
}

.ts-body.is-light .ts-services .ts-svc-table > tbody > tr.ts-svc-row > td {
  border-bottom: 1px dashed rgba(128, 128, 128, 0.22) !important;
  color: #343e56 !important;
}

.ts-body.is-light .ts-services .ts-svc-row__name a {
  color: #343e56 !important;
}

.ts-body.is-light .ts-services .ts-svc-row__name a:hover {
  color: #be0e4b !important;
}

.ts-body.is-light .ts-services .ts-svc-row__max {
  background: linear-gradient(134deg, #ff608c 23%, #df1149 78%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.ts-body.is-light .ts-services .ts-svc-fav-btn {
  color: rgba(52, 62, 86, 0.45);
}

.ts-body.is-light .ts-services .ts-svc-fav-btn.favorite-active,
.ts-body.is-light
  .ts-services
  .ts-svc-fav-btn.favorite-active
  [data-favorite-icon] {
  color: #be0e4b;
}

.ts-body.is-light .ts-services .ts-svc-view {
  border: 1.5px solid #ffffff !important;
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%) !important;
  box-shadow: none !important;
}

.ts-body.is-light .ts-services .ts-svc-order {
  border: 1.5px solid #be0e4b !important;
  background: transparent !important;
  color: #be0e4b !important;
}

.ts-body.is-light .ts-services .ts-svc-order:hover {
  background: rgba(190, 14, 75, 0.08) !important;
  color: #be0e4b !important;
  filter: none;
}

.ts-body.is-light .ts-services .ts-svc-actions .ts-svc-order:only-child {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%) !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
}

.ts-body.is-light .ts-services .ts-svc-empty {
  background: rgba(198, 198, 198, 0.18);
  border: 0.8px solid rgba(255, 136, 172, 0.35);
}

.ts-body.is-light .ts-services .ts-svc-empty__title {
  color: #222e48;
}

.ts-body.is-light .ts-services .ts-svc-empty__desc {
  color: #4f586d;
}

.ts-body.is-light .ts-services .ts-svc-text {
  background: #ffffff;
  border: 0.8px solid #ff88ac;
  color: #343e56;
}

.ts-body.is-light .ts-services .ts-svc-modal__dialog {
  background: #ffffff;
  border: 1px solid #ff88ac;
  box-shadow: 0 24px 64px rgba(34, 46, 72, 0.18);
}

.ts-body.is-light .ts-services .ts-svc-modal__backdrop {
  background: rgba(34, 46, 72, 0.45);
}

.ts-body.is-light .ts-services .ts-svc-modal__card {
  background: rgba(198, 198, 198, 0.18);
  border: 1px solid rgba(255, 136, 172, 0.35);
}

.ts-body.is-light .ts-services .ts-svc-modal__label {
  color: #4f586d;
}

.ts-body.is-light .ts-services .ts-svc-modal__value {
  color: #222e48;
}

.ts-body.is-light .ts-services .ts-svc-modal__desc {
  background: rgba(198, 198, 198, 0.12);
  border: 1px solid rgba(255, 136, 172, 0.35);
  color: #343e56;
}

.ts-body.is-light .ts-services .ts-svc-modal__desc:empty::before {
  color: #4f586d;
}

.ts-body.is-light .ts-services .ts-svc-modal__close {
  border: 1.5px solid #ff88ac !important;
  background: #ffffff !important;
  color: #343e56 !important;
}

.ts-body.is-light .ts-services .ts-svc-modal__close:hover {
  color: #be0e4b !important;
  filter: none;
}

/* Orders light — Figma 731:9041 */
.ts-body.is-light .ts-orders .ts-svc-hero {
  background-image: url('https://my-techsmm-com.ahmad-iftekhar2004.workers.dev/hero-light-bg.png') !important;
  background-color: #ffe8ef;
}

.ts-body.is-light .ts-orders .ts-svc-hero__title {
  color: #222e48;
}

.ts-body.is-light .ts-orders .ts-svc-hero__desc {
  color: #4f586d;
}

.ts-body.is-light .ts-orders .ts-ord-toolbar__bar {
  background: #ececec;
  border: none;
}

.ts-body.is-light .ts-orders .ts-ord-chip {
  background: linear-gradient(
    90deg,
    rgba(255, 68, 133, 0.24) 0%,
    rgba(255, 94, 150, 0.24) 100%
  );
  color: #222e48 !important;
}

.ts-body.is-light .ts-orders .ts-ord-chip:hover {
  filter: brightness(0.98);
  color: #222e48 !important;
}

.ts-body.is-light .ts-orders .ts-ord-chip.is-active {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  color: #ffffff !important;
}

.ts-body.is-light .ts-orders .ts-ord-chip.is-active:hover {
  color: #ffffff !important;
}

.ts-body.is-light .ts-orders .ts-ord-chip__label {
  color: #222e48;
}

.ts-body.is-light .ts-orders .ts-ord-chip.is-active .ts-ord-chip__label {
  color: #ffffff;
}

.ts-body.is-light .ts-orders .ts-ord-chip__icon {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
}

.ts-body.is-light .ts-orders .ts-ord-chip.is-active .ts-ord-chip__icon {
  background: #fafafb;
}

.ts-body.is-light .ts-orders .ts-ord-chip.is-active .ts-ord-chip__icon svg path,
.ts-body.is-light
  .ts-orders
  .ts-ord-chip.is-active
  .ts-ord-chip__icon
  svg
  circle {
  stroke: #be0e4b;
}

.ts-body.is-light .ts-orders .ts-ord-search__input {
  border: 0.5px solid #ff477e !important;
  background: #ffffff !important;
  color: #343e56 !important;
  backdrop-filter: blur(10px);
}

.ts-body.is-light .ts-orders .ts-ord-search__input::placeholder {
  color: #4f586d;
}

.ts-body.is-light .ts-orders .ts-ord-search__btn {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
}

html body.ts-body.is-light .ts-orders .ts-ord-board {
  background: rgba(198, 198, 198, 0.15) !important;
  border: none !important;
  border-radius: 16px 16px 0 0;
  box-shadow: none;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

html body.ts-body.is-light .ts-orders .ts-ord-table {
  color: #343e56 !important;
}

html body.ts-body.is-light .ts-orders .ts-ord-table > thead > tr > th {
  background: #be0e4b !important;
  background-image: none !important;
  color: #f7f2f2 !important;
  -webkit-text-fill-color: #f7f2f2 !important;
}

html body.ts-body.is-light .ts-orders .ts-ord-table > tbody > tr {
  box-shadow: inset 0 -1px 0 rgba(128, 128, 128, 0.18);
}

html body.ts-body.is-light .ts-orders .ts-ord-table > tbody > tr:hover > td {
  background: rgba(254, 178, 198, 0.12) !important;
}

html body.ts-body.is-light .ts-orders .ts-ord-table > tbody > tr > td {
  background: transparent !important;
  color: #343e56 !important;
  -webkit-text-fill-color: #343e56 !important;
}

html body.ts-body.is-light .ts-orders .ts-ord-table > tbody > tr:last-child {
  box-shadow: none;
}

.ts-body.is-light .ts-orders .ts-ord-table > thead .ts-ord-check {
  color: #fff;
}

.ts-body.is-light .ts-orders .ts-ord-table > tbody .ts-ord-check {
  color: #222e48;
}

.ts-body.is-light .ts-orders .ts-ord-table > thead .ts-ord-check__box {
  border-color: rgba(255, 255, 255, 0.9);
}

.ts-body.is-light .ts-orders .ts-ord-table > tbody .ts-ord-check__box {
  border-color: #222e48;
}

.ts-body.is-light .ts-orders .ts-ord-check.is-checked .ts-ord-check__box {
  background: #00a6ff;
  border-color: #00a6ff;
  color: #fff;
}

.ts-body.is-light .ts-orders .ts-ord-table > thead .ts-ord-copy {
  color: rgba(255, 255, 255, 0.92);
  opacity: 1;
}

.ts-body.is-light .ts-orders .ts-ord-table > tbody .ts-ord-copy {
  color: rgba(52, 62, 86, 0.55);
}

.ts-body.is-light
  .ts-orders
  .ts-ord-table
  > thead
  .ts-ord-copy:hover:not(:disabled):not(.is-disabled),
.ts-body.is-light .ts-orders .ts-ord-table > thead .ts-ord-copy.is-copied {
  color: #fff;
}

.ts-body.is-light
  .ts-orders
  .ts-ord-copy:hover:not(:disabled):not(.is-disabled),
.ts-body.is-light .ts-orders .ts-ord-copy.is-copied,
.ts-body.is-light
  .ts-orders
  .ts-ord-table
  > tbody
  .ts-ord-copy:hover:not(:disabled):not(.is-disabled),
.ts-body.is-light .ts-orders .ts-ord-table > tbody .ts-ord-copy.is-copied {
  color: #be0e4b;
}

.ts-body.is-light .ts-orders .ts-ord-copy.is-copied::after {
  background: #ffffff;
  border: 1px solid #ff88ac;
  color: #be0e4b !important;
  -webkit-text-fill-color: #be0e4b !important;
}

html
  body.ts-body.is-light
  .ts-orders
  .ts-ord-table
  > thead
  .ts-ord-copy.is-copied::after {
  color: #be0e4b !important;
  -webkit-text-fill-color: #be0e4b !important;
}

.ts-body.is-light .ts-orders .ts-ord-date__time {
  color: rgba(52, 62, 86, 0.72);
}

.ts-body.is-light .ts-orders .ts-ord-link__text {
  background: linear-gradient(168deg, #ff608c 23%, #df1149 78%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
}

.ts-body.is-light .ts-orders .ts-ord-link__details {
  color: #be0e4b !important;
}

.ts-body.is-light .ts-orders .ts-ord-badge {
  background: rgba(255, 240, 240, 0.55);
  backdrop-filter: blur(10px);
  border-radius: 8px;
}

.ts-body.is-light .ts-orders .ts-ord-badge--completed {
  color: #1f9d55;
}

.ts-body.is-light .ts-orders .ts-ord-badge--completed .ts-ord-badge__dot {
  background: #1f9d55;
}

.ts-body.is-light .ts-orders .ts-ord-badge--canceled {
  color: #f54b72;
}

.ts-body.is-light .ts-orders .ts-ord-badge--canceled .ts-ord-badge__dot {
  background: #f54b72;
}

.ts-body.is-light .ts-orders .ts-ord-badge--inprogress {
  color: #0a84ff;
}

.ts-body.is-light .ts-orders .ts-ord-badge--inprogress .ts-ord-badge__dot {
  background: #0a84ff;
}

.ts-body.is-light .ts-orders .ts-ord-badge--partial {
  color: #9b51e0;
}

.ts-body.is-light .ts-orders .ts-ord-badge--partial .ts-ord-badge__dot {
  background: #9b51e0;
}

.ts-body.is-light .ts-orders .ts-ord-badge--processing {
  color: #d9b412;
}

.ts-body.is-light .ts-orders .ts-ord-badge--processing .ts-ord-badge__dot {
  background: #d9b412;
}

.ts-body.is-light .ts-orders .ts-ord-badge--pending {
  color: #e08a00;
}

.ts-body.is-light .ts-orders .ts-ord-badge--pending .ts-ord-badge__dot {
  background: #e08a00;
}

html body.ts-body.is-light .ts-orders .ts-ord-again:not(.ts-ord-again--outline),
html
  body.ts-body.is-light
  .ts-orders
  a.ts-ord-again:not(.ts-ord-again--outline),
html
  body.ts-body.is-light
  .ts-orders
  .btn.ts-ord-again:not(.ts-ord-again--outline),
html
  body.ts-body.is-light
  .ts-dripfeed
  .ts-ord-again:not(.ts-ord-again--outline),
html
  body.ts-body.is-light
  .ts-dripfeed
  a.ts-ord-again:not(.ts-ord-again--outline),
html
  body.ts-body.is-light
  .ts-dripfeed
  .btn.ts-ord-again:not(.ts-ord-again--outline) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html
  body.ts-body.is-light
  .ts-orders
  .ts-ord-again:not(.ts-ord-again--outline):hover,
html
  body.ts-body.is-light
  .ts-orders
  a.ts-ord-again:not(.ts-ord-again--outline):hover,
html
  body.ts-body.is-light
  .ts-dripfeed
  .ts-ord-again:not(.ts-ord-again--outline):hover,
html
  body.ts-body.is-light
  .ts-dripfeed
  a.ts-ord-again:not(.ts-ord-again--outline):hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.ts-body.is-light .ts-orders .ts-ord-again--outline,
html body.ts-body.is-light .ts-orders a.ts-ord-again--outline,
html body.ts-body.is-light .ts-orders .btn.ts-ord-again--outline {
  background: #ffffff !important;
  border: 1px solid #be0e4b !important;
  color: #222e48 !important;
  -webkit-text-fill-color: #222e48 !important;
}

html body.ts-body.is-light .ts-orders .ts-ord-again--outline:hover,
html body.ts-body.is-light .ts-orders a.ts-ord-again--outline:hover,
html body.ts-body.is-light .ts-orders .btn.ts-ord-again--outline:hover {
  color: #222e48 !important;
  -webkit-text-fill-color: #222e48 !important;
  filter: none;
}

.ts-body.is-light .ts-orders .ts-ord-actions__note {
  color: #4f586d;
}

.ts-body.is-light .ts-orders .ts-ord-cancel-req {
  background: rgba(255, 159, 10, 0.12);
  border-color: rgba(255, 159, 10, 0.4);
  color: #e08a00;
}

.ts-body.is-light .ts-orders .ts-ord-empty__title {
  color: #222e48;
}

.ts-body.is-light .ts-orders .ts-ord-empty__desc {
  color: #4f586d;
}

html body.ts-body.is-light .ts-orders .ts-ord-pagination > li > a,
html body.ts-body.is-light .ts-orders .ts-ord-pagination > li > span {
  color: #343e56 !important;
  background: #ffffff !important;
  border: 0.5px solid #ff88a9 !important;
}

html body.ts-body.is-light .ts-orders .ts-ord-pagination > li.active > a,
html body.ts-body.is-light .ts-orders .ts-ord-pagination > .active > a,
html body.ts-body.is-light .ts-orders .ts-ord-pagination > .active > span {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%) !important;
  border-color: transparent !important;
  color: #ffffff !important;
}

.hidden {
  display: none !important;
}

/* —— Orders page —— */
.ts-orders .ts-svc-hero {
  margin-bottom: 28px;
}

.ts-ord-toolbar {
  margin-bottom: 28px;
}

.ts-ord-toolbar__bar {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  padding: 18px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.07);
  flex-wrap: wrap;
}

.ts-ord-filters {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  /* Prefer a full top row when chips would wrap beside the search */
  flex: 1 1 auto;
  min-width: min(100%, 720px);
}

.ts-ord-chip {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 48px;
  padding: 4px 12px 4px 4px;
  border-radius: 12px;
  background: linear-gradient(
    90deg,
    rgba(190, 14, 75, 0.18) 0%,
    rgba(145, 19, 63, 0.18) 100%
  );
  color: #fff !important;
  text-decoration: none !important;
  white-space: nowrap;
  transition:
    filter 0.15s ease,
    background 0.15s ease;
}

.ts-ord-chip:hover {
  filter: brightness(1.08);
  color: #fff !important;
}

.ts-ord-chip.is-active {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
}

.ts-ord-chip__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  flex-shrink: 0;
}

.ts-ord-chip__icon svg {
  width: 24px;
  height: 24px;
  display: block;
}

.ts-ord-chip__icon img {
  width: 24px;
  height: 24px;
  display: block;
  object-fit: contain;
}

.ts-ord-chip.is-active .ts-ord-chip__icon {
  background: #fafafb;
}

.ts-ord-chip.is-active .ts-ord-chip__icon svg path,
.ts-ord-chip.is-active .ts-ord-chip__icon svg circle {
  stroke: #be0e4b;
}

.ts-ord-chip.is-active .ts-ord-chip__icon--light img {
  filter: brightness(0) saturate(100%) invert(14%) sepia(94%) saturate(3200%)
    hue-rotate(325deg) brightness(0.92);
}

.ts-ord-chip__label {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  padding-right: 4px;
}

.ts-ord-search {
  position: relative;
  width: 378px;
  max-width: 100%;
  flex: 0 0 auto;
}

.ts-ord-search__input {
  width: 100%;
  height: 50px !important;
  border-radius: 12px !important;
  border: none !important;
  background: rgba(255, 255, 255, 0.13) !important;
  backdrop-filter: blur(10px);
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 10px 84px 10px 16px !important;
  box-shadow: none !important;
}

.ts-ord-search__input::placeholder {
  color: rgba(255, 255, 255, 0.55);
}

.ts-ord-search__btn {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 62px;
  height: 36px;
  border: none;
  border-radius: 8px;
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.ts-ord-search__btn:hover {
  filter: brightness(1.08);
}

.ts-rtl .ts-ord-search__input {
  padding: 10px 16px 10px 84px !important;
}

.ts-rtl .ts-ord-search__btn {
  right: auto;
  left: 10px;
}

.ts-ord-board {
  border-radius: 10px 10px 0 0;
  overflow: visible;
  background: rgba(131, 131, 131, 0.15);
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.ts-orders .ts-ord-board,
.ts-page.ts-orders .ts-ord-board,
.ts-dripfeed .ts-ord-board,
.ts-page.ts-dripfeed .ts-ord-board {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.ts-ord-table {
  width: 100%;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  color: #ebecef;
  border-collapse: separate;
  border-spacing: 0;
}

.ts-ord-table > thead {
  position: relative;
  z-index: 30;
}

.ts-ord-table > thead > tr > th {
  background: #be0e4b !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border: none !important;
  padding: 16px 14px !important;
  white-space: nowrap;
  vertical-align: middle !important;
  overflow: visible;
  position: relative;
}

.ts-ord-table > thead > tr > th.ts-ord-th-id {
  z-index: 31;
}

.ts-ord-table > thead > tr > th:first-child {
  border-radius: 10px 0 0 0;
}

.ts-ord-table > thead > tr > th:last-child {
  border-radius: 0 10px 0 0;
}

.ts-ord-table > tbody > tr {
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.08);
}

.ts-ord-table > tbody > tr > td {
  background: transparent !important;
  border: none !important;
  padding: 14px 14px !important;
  color: #ebecef !important;
  font-size: 14px;
  font-weight: 500;
  vertical-align: middle !important;
}

.ts-ord-table > tbody > tr:last-child {
  box-shadow: none;
}

.ts-ord-table > tbody > tr:last-child > td {
  border: none !important;
}

.ts-ord-th-id,
.ts-ord-id {
  white-space: nowrap;
  font-weight: 500;
  min-width: 120px;
}

/* Align checkbox column with .ts-ord-filters (toolbar bar padding: 18px) */
.ts-ord-table > thead > tr > th.ts-ord-th-id,
.ts-ord-table > tbody > tr > td.ts-ord-id {
  padding-left: 18px !important;
}

.ts-ord-idcell {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  overflow: visible;
}

.ts-ord-idcell__label,
.ts-ord-idcell__value {
  line-height: 1.2;
}

.ts-ord-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  color: #fff;
  flex-shrink: 0;
}

.ts-ord-check__box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  box-sizing: border-box;
  background: transparent;
  border: 1.5px solid rgba(255, 255, 255, 0.85);
  color: transparent;
}

.ts-ord-check.is-checked .ts-ord-check__box {
  background: #00a6ff;
  border-color: #00a6ff;
  color: #fff;
}

.ts-ord-table > tbody .ts-ord-check__box {
  border-color: rgba(255, 255, 255, 0.55);
}

.ts-ord-copy {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  color: rgba(255, 255, 255, 0.75);
  cursor: pointer;
  flex-shrink: 0;
  opacity: 0.85;
  transition:
    color 0.15s ease,
    opacity 0.15s ease;
}

.ts-ord-copy.is-disabled,
.ts-ord-copy:disabled {
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: none;
}

.ts-ord-copy:hover:not(:disabled):not(.is-disabled),
.ts-ord-copy.is-copied {
  color: #fff;
  opacity: 1;
}

.ts-ord-copy.is-copied {
  z-index: 1000;
}

.ts-ord-copy.is-copied::after {
  content: attr(data-tooltip);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 8px);
  transform: translateX(-50%);
  padding: 4px 10px;
  border-radius: 6px;
  background: #1a0a10;
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
  pointer-events: none;
  z-index: 1001;
}

.ts-ord-table > thead .ts-ord-copy.is-copied {
  z-index: 10050;
}

.ts-ord-table > thead .ts-ord-copy.is-copied::after {
  top: calc(100% + 8px);
  bottom: auto;
  z-index: 10051;
}

.ts-ord-table > tbody .ts-ord-copy {
  color: rgba(235, 236, 239, 0.55);
}

.ts-ord-table > tbody .ts-ord-copy:hover:not(:disabled):not(.is-disabled),
.ts-ord-table > tbody .ts-ord-copy.is-copied {
  color: #be0e4b;
}

.ts-ord-date {
  white-space: nowrap;
}

.ts-ord-date__day,
.ts-ord-date__time {
  display: block;
  line-height: 1.3;
}

.ts-ord-date__time {
  color: rgba(235, 236, 239, 0.72);
  font-size: 13px;
}

.ts-ord-th-link,
.ts-ord-link {
  min-width: 200px;
  width: 200px;
  max-width: 240px;
}

.ts-ord-link__text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
  line-height: 1.4;
  color: #be0e4b !important;
  text-decoration: none !important;
  cursor: pointer;
}

a.ts-ord-link__text:hover {
  text-decoration: underline !important;
  filter: brightness(1.08);
}

.ts-ord-link__details {
  color: #be0e4b !important;
  margin-left: 6px;
}

.ts-ord-th-service,
.ts-ord-service {
  min-width: 220px;
  width: 220px;
  max-width: 260px;
}

.ts-ord-service__text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
  line-height: 1.4;
}

.ts-ord-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}

.ts-ord-badge__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.ts-ord-badge--completed {
  color: #34c759;
}

.ts-ord-badge--completed .ts-ord-badge__dot {
  background: #34c759;
}

.ts-ord-badge--canceled {
  color: #ff3b30;
}

.ts-ord-badge--canceled .ts-ord-badge__dot {
  background: #ff3b30;
}

.ts-ord-badge--inprogress {
  color: #0a84ff;
}

.ts-ord-badge--inprogress .ts-ord-badge__dot {
  background: #0a84ff;
}

.ts-ord-badge--partial {
  color: #bf5af2;
}

.ts-ord-badge--partial .ts-ord-badge__dot {
  background: #bf5af2;
}

.ts-ord-badge--processing {
  color: #ffd60a;
}

.ts-ord-badge--processing .ts-ord-badge__dot {
  background: #ffd60a;
}

.ts-ord-badge--pending {
  color: #ff9f0a;
}

.ts-ord-badge--pending .ts-ord-badge__dot {
  background: #ff9f0a;
}

.ts-ord-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.ts-ord-again {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 14px !important;
  border: none !important;
  border-radius: 8px !important;
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  white-space: nowrap;
  box-shadow: none !important;
}

.ts-ord-again:hover {
  filter: brightness(1.08);
  color: #fff !important;
}

.ts-ord-again--outline {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
}

.ts-ord-again.is-disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.ts-ord-actions__note {
  font-size: 12px;
  color: rgba(235, 236, 239, 0.7);
}

.ts-ord-cancel-req {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 12px;
  border-radius: 8px;
  background: rgba(255, 159, 10, 0.12);
  border: 1px solid rgba(255, 159, 10, 0.35);
  color: #ff9f0a;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  line-height: 1;
}

.ts-ord-cancel-req__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ff9f0a;
  box-shadow: 0 0 0 3px rgba(255, 159, 10, 0.2);
  flex-shrink: 0;
}

.ts-ord-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 48px 24px;
  text-align: center;
}

.ts-ord-empty__title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}

.ts-ord-empty__desc {
  margin: 0;
  font-size: 14px;
  color: var(--ts-body);
}

.ts-ord-empty-row > td {
  border-bottom: none !important;
}

/* Shared empty card (mobile-first standalone empty states) */
.ts-empty-card {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  min-height: 160px;
  margin: 0;
  padding: 40px 20px;
  border-radius: 16px;
  background: rgba(141, 141, 141, 0.12);
  border: 0.8px solid rgba(255, 255, 255, 0.08);
  text-align: center;
  box-sizing: border-box;
}

.ts-empty-card__title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  color: #fff;
}

.ts-empty-card__desc {
  margin: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.45;
  color: var(--ts-body);
}

.ts-body.is-light .ts-empty-card {
  background: rgba(198, 198, 198, 0.15);
  border-color: rgba(190, 14, 75, 0.12);
}

.ts-body.is-light .ts-empty-card__title {
  color: #222e48;
}

.ts-body.is-light .ts-empty-card__desc {
  color: #4f586d;
}

@media (max-width: 900px) {
  /* Empty data tables → single card on mobile */
  .ts-ord-board.is-empty,
  .ts-ord-board:has(> table > tbody > .ts-ord-empty-row),
  .ts-tk-board.is-empty,
  .ts-tk-board:has(> table > tbody > .ts-tk-empty-row:not(.hidden)),
  .ts-svc-board:has(.ts-svc-table.is-empty) {
    overflow: hidden !important;
    border-radius: 16px !important;
    background: rgba(141, 141, 141, 0.12) !important;
    border: 0.8px solid rgba(255, 255, 255, 0.08) !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .ts-body.is-light .ts-ord-board.is-empty,
  .ts-body.is-light .ts-ord-board:has(> table > tbody > .ts-ord-empty-row),
  .ts-body.is-light .ts-tk-board.is-empty,
  .ts-body.is-light .ts-tk-board:has(> table > tbody > .ts-tk-empty-row:not(.hidden)),
  .ts-body.is-light .ts-svc-board:has(.ts-svc-table.is-empty) {
    background: rgba(198, 198, 198, 0.15) !important;
    border-color: rgba(190, 14, 75, 0.12) !important;
  }

  .ts-ord-board.is-empty > table,
  .ts-ord-board:has(> table > tbody > .ts-ord-empty-row) > table,
  .ts-tk-board.is-empty > table,
  .ts-tk-board:has(> table > tbody > .ts-tk-empty-row:not(.hidden)) > table {
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .ts-ord-board.is-empty > table > thead,
  .ts-ord-board:has(> table > tbody > .ts-ord-empty-row) > table > thead,
  .ts-tk-board.is-empty > table > thead,
  .ts-tk-board:has(> table > tbody > .ts-tk-empty-row:not(.hidden)) > table > thead {
    display: none !important;
  }

  .ts-ord-board.is-empty > table > tbody > .ts-ord-empty-row > td,
  .ts-ord-board:has(> table > tbody > .ts-ord-empty-row) > table > tbody > .ts-ord-empty-row > td,
  .ts-tk-board.is-empty > table > tbody > .ts-tk-empty-row > td,
  .ts-tk-board:has(> table > tbody > .ts-tk-empty-row:not(.hidden)) > table > tbody > .ts-tk-empty-row > td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 40px 20px !important;
    border: none !important;
    background: transparent !important;
    text-align: center !important;
  }

  .ts-ord-board.is-empty .ts-ord-empty,
  .ts-ord-board:has(> table > tbody > .ts-ord-empty-row) .ts-ord-empty,
  .ts-tk-board.is-empty .ts-tk-empty,
  .ts-tk-board:has(> table > tbody > .ts-tk-empty-row:not(.hidden)) .ts-tk-empty {
    min-width: 0;
    max-width: 100%;
    padding: 0;
  }

  .ts-ord-board.is-empty .ts-ord-empty__title,
  .ts-ord-board:has(> table > tbody > .ts-ord-empty-row) .ts-ord-empty__title,
  .ts-tk-board.is-empty .ts-tk-empty__title,
  .ts-tk-board:has(> table > tbody > .ts-tk-empty-row:not(.hidden)) .ts-tk-empty__title {
    font-size: 16px;
  }

  .ts-ord-board.is-empty .ts-ord-empty__desc,
  .ts-ord-board:has(> table > tbody > .ts-ord-empty-row) .ts-ord-empty__desc,
  .ts-tk-board.is-empty .ts-tk-empty__desc,
  .ts-tk-board:has(> table > tbody > .ts-tk-empty-row:not(.hidden)) .ts-tk-empty__desc {
    font-size: 13px;
  }

  .ts-empty-card {
    display: flex;
  }

  .is-table-empty {
    display: none !important;
  }

  .ts-svc-empty {
    margin-top: 0;
  }
}

@media (min-width: 901px) {
  .ts-empty-card:not(.ts-empty-card--always) {
    display: none !important;
  }

  .ts-empty-card--always {
    display: flex;
  }
}

.ts-ord-pagination {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 24px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.ts-ord-pagination > li {
  display: inline-flex !important;
  float: none !important;
  margin: 0 !important;
}

.ts-ord-pagination > li > a,
.ts-ord-pagination > li > span {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 14px !important;
  margin: 0 !important;
  border-radius: 10px !important;
  border: 0.5px solid rgba(255, 255, 255, 0.18) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  float: none !important;
  box-sizing: border-box;
  transition:
    filter 0.15s ease,
    background 0.15s ease,
    border-color 0.15s ease;
}

.ts-ord-pagination > li > a:hover,
.ts-ord-pagination > li > a:focus {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 136, 169, 0.55) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.ts-ord-pagination > .active > a,
.ts-ord-pagination > .active > span,
.ts-ord-pagination > li.active > a,
.ts-ord-pagination > li.active > span {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%) !important;
  border-color: transparent !important;
  color: #fff !important;
  cursor: default;
}

.ts-ord-pagination > .active > a:hover,
.ts-ord-pagination > .active > a:focus,
.ts-ord-pagination > li.active > a:hover,
.ts-ord-pagination > li.active > a:focus {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%) !important;
  border-color: transparent !important;
  color: #fff !important;
  filter: brightness(1.06);
}

@media (max-width: 1450px) {
  .ts-ord-board {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
  }

  .ts-ord-table {
    min-width: 1120px;
  }

  .ts-ord-th-link,
  .ts-ord-link {
    min-width: 200px;
    width: 200px;
  }

  .ts-ord-th-service,
  .ts-ord-service {
    min-width: 220px;
    width: 220px;
  }

  .ts-ord-empty {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }
}

@media (max-width: 900px) {
  .ts-ord-toolbar__bar {
    flex-direction: column;
    align-items: stretch;
  }

  .ts-ord-search {
    width: 378px;
    max-width: 100%;
    align-self: flex-start;
  }

  .ts-ord-filters {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: visible;
    flex-wrap: unset;
    padding-bottom: 0;
  }

  .ts-ord-filters .ts-ord-chip {
    width: 100%;
    min-width: 0;
    justify-content: flex-start;
    box-sizing: border-box;
  }

  .ts-ord-filters .ts-ord-chip__label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/* Drip feed light — follows orders */
.ts-body.is-light .ts-dripfeed .ts-svc-hero {
  background-image: url('https://my-techsmm-com.ahmad-iftekhar2004.workers.dev/hero-light-bg.png') !important;
  background-color: #ffe8ef;
}

.ts-body.is-light .ts-dripfeed .ts-svc-hero__title {
  color: #222e48;
}

.ts-body.is-light .ts-dripfeed .ts-svc-hero__desc {
  color: #4f586d;
}

.ts-body.is-light .ts-dripfeed .ts-ord-toolbar__bar {
  background: #ececec;
  border: none;
}

.ts-body.is-light .ts-dripfeed .ts-ord-chip {
  background: linear-gradient(
    90deg,
    rgba(255, 68, 133, 0.24) 0%,
    rgba(255, 94, 150, 0.24) 100%
  );
  color: #222e48 !important;
}

.ts-body.is-light .ts-dripfeed .ts-ord-chip:hover {
  filter: brightness(0.98);
  color: #222e48 !important;
}

.ts-body.is-light .ts-dripfeed .ts-ord-chip.is-active {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  color: #ffffff !important;
}

.ts-body.is-light .ts-dripfeed .ts-ord-chip.is-active:hover {
  color: #ffffff !important;
}

.ts-body.is-light .ts-dripfeed .ts-ord-chip__label {
  color: #222e48;
}

.ts-body.is-light .ts-dripfeed .ts-ord-chip.is-active .ts-ord-chip__label {
  color: #ffffff;
}

.ts-body.is-light .ts-dripfeed .ts-ord-chip__icon {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
}

.ts-body.is-light .ts-dripfeed .ts-ord-chip.is-active .ts-ord-chip__icon {
  background: #fafafb;
}

.ts-body.is-light
  .ts-dripfeed
  .ts-ord-chip.is-active
  .ts-ord-chip__icon
  svg
  path,
.ts-body.is-light
  .ts-dripfeed
  .ts-ord-chip.is-active
  .ts-ord-chip__icon
  svg
  circle {
  stroke: #be0e4b;
}

.ts-body.is-light .ts-dripfeed .ts-ord-search__input {
  border: 0.5px solid #ff477e !important;
  background: #ffffff !important;
  color: #343e56 !important;
  backdrop-filter: blur(10px);
}

.ts-body.is-light .ts-dripfeed .ts-ord-search__input::placeholder {
  color: #4f586d;
}

.ts-body.is-light .ts-dripfeed .ts-ord-search__btn {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
}

html body.ts-body.is-light .ts-dripfeed .ts-ord-board {
  background: rgba(198, 198, 198, 0.15) !important;
  border: none !important;
  border-radius: 16px 16px 0 0;
  box-shadow: none;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

html body.ts-body.is-light .ts-dripfeed .ts-ord-table {
  color: #343e56 !important;
}

html body.ts-body.is-light .ts-dripfeed .ts-ord-table > thead > tr > th {
  background: #be0e4b !important;
  background-image: none !important;
  color: #f7f2f2 !important;
  -webkit-text-fill-color: #f7f2f2 !important;
}

html body.ts-body.is-light .ts-dripfeed .ts-ord-table > tbody > tr {
  box-shadow: inset 0 -1px 0 rgba(128, 128, 128, 0.18);
}

html body.ts-body.is-light .ts-dripfeed .ts-ord-table > tbody > tr:hover > td {
  background: rgba(254, 178, 198, 0.12) !important;
}

html body.ts-body.is-light .ts-dripfeed .ts-ord-table > tbody > tr > td {
  background: transparent !important;
  color: #343e56 !important;
  -webkit-text-fill-color: #343e56 !important;
}

html body.ts-body.is-light .ts-dripfeed .ts-ord-table > tbody > tr:last-child {
  box-shadow: none;
}

.ts-body.is-light .ts-dripfeed .ts-ord-date__time {
  color: rgba(52, 62, 86, 0.72);
}

.ts-body.is-light .ts-dripfeed .ts-ord-link__text {
  background: linear-gradient(168deg, #ff608c 23%, #df1149 78%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
}

.ts-body.is-light .ts-dripfeed .ts-drip-runs {
  background: linear-gradient(168deg, #ff608c 23%, #df1149 78%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
}

.ts-body.is-light .ts-dripfeed .ts-drip-runs:hover {
  filter: brightness(0.92);
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  text-decoration: underline !important;
}

.ts-body.is-light .ts-dripfeed .ts-ord-badge {
  background: rgba(255, 240, 240, 0.55);
  backdrop-filter: blur(10px);
  border-radius: 8px;
}

.ts-body.is-light .ts-dripfeed .ts-ord-badge--completed {
  color: #1f9d55;
}

.ts-body.is-light .ts-dripfeed .ts-ord-badge--completed .ts-ord-badge__dot {
  background: #1f9d55;
}

.ts-body.is-light .ts-dripfeed .ts-ord-badge--canceled {
  color: #f54b72;
}

.ts-body.is-light .ts-dripfeed .ts-ord-badge--canceled .ts-ord-badge__dot {
  background: #f54b72;
}

.ts-body.is-light .ts-dripfeed .ts-ord-badge--inprogress {
  color: #0a84ff;
}

.ts-body.is-light .ts-dripfeed .ts-ord-badge--inprogress .ts-ord-badge__dot {
  background: #0a84ff;
}

.ts-body.is-light .ts-dripfeed .ts-ord-badge--partial {
  color: #9b51e0;
}

.ts-body.is-light .ts-dripfeed .ts-ord-badge--partial .ts-ord-badge__dot {
  background: #9b51e0;
}

.ts-body.is-light .ts-dripfeed .ts-ord-badge--processing {
  color: #d9b412;
}

.ts-body.is-light .ts-dripfeed .ts-ord-badge--processing .ts-ord-badge__dot {
  background: #d9b412;
}

.ts-body.is-light .ts-dripfeed .ts-ord-badge--pending {
  color: #e08a00;
}

.ts-body.is-light .ts-dripfeed .ts-ord-badge--pending .ts-ord-badge__dot {
  background: #e08a00;
}

.ts-body.is-light .ts-dripfeed .ts-ord-empty__title {
  color: #222e48;
}

.ts-body.is-light .ts-dripfeed .ts-ord-empty__desc {
  color: #4f586d;
}

html body.ts-body.is-light .ts-dripfeed .ts-ord-pagination > li > a,
html body.ts-body.is-light .ts-dripfeed .ts-ord-pagination > li > span,
html body.ts-body.is-light .ts-dripfeed ul.pagination.ts-ord-pagination > li > a,
html body.ts-body.is-light .ts-dripfeed ul.pagination.ts-ord-pagination > li > span {
  color: #343e56 !important;
  -webkit-text-fill-color: #343e56 !important;
  background: #ffffff !important;
  border: 0.5px solid #ff88a9 !important;
}

html body.ts-body.is-light .ts-dripfeed .ts-ord-pagination > li.active > a,
html body.ts-body.is-light .ts-dripfeed .ts-ord-pagination > .active > a,
html body.ts-body.is-light .ts-dripfeed .ts-ord-pagination > .active > span,
html body.ts-body.is-light .ts-dripfeed ul.pagination.ts-ord-pagination > li.active > a {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* —— Drip feed (follows orders) —— */
.ts-dripfeed {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.ts-dripfeed .ts-svc-hero {
  margin-bottom: 28px;
}

.ts-dripfeed .ts-ord-board,
.ts-drip-board {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
  min-width: 0;
}

.ts-drip-table {
  min-width: 1180px;
}

.ts-drip-runs {
  color: #ff608c !important;
  font-weight: 600;
  text-decoration: none !important;
}

.ts-drip-runs:hover {
  color: #fff !important;
  text-decoration: underline !important;
}

.ts-dripfeed .ts-ord-pagination,
.ts-page.ts-dripfeed .ts-ord-pagination,
.ts-dripfeed ul.pagination.ts-ord-pagination {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 24px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  width: 100%;
}

.ts-dripfeed .ts-ord-pagination > li,
.ts-dripfeed ul.pagination.ts-ord-pagination > li {
  display: inline-flex !important;
  float: none !important;
  margin: 0 !important;
}

.ts-dripfeed .ts-ord-pagination > li > a,
.ts-dripfeed .ts-ord-pagination > li > span,
.ts-dripfeed ul.pagination.ts-ord-pagination > li > a,
.ts-dripfeed ul.pagination.ts-ord-pagination > li > span {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 14px !important;
  margin: 0 !important;
  border-radius: 10px !important;
  border: 0.5px solid rgba(255, 255, 255, 0.18) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  float: none !important;
  box-sizing: border-box;
  transition: filter 0.15s ease, background 0.15s ease, border-color 0.15s ease;
}

.ts-dripfeed .ts-ord-pagination > li > a:hover,
.ts-dripfeed .ts-ord-pagination > li > a:focus,
.ts-dripfeed ul.pagination.ts-ord-pagination > li > a:hover,
.ts-dripfeed ul.pagination.ts-ord-pagination > li > a:focus {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 136, 169, 0.55) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-decoration: none !important;
}

.ts-dripfeed .ts-ord-pagination > .active > a,
.ts-dripfeed .ts-ord-pagination > .active > span,
.ts-dripfeed .ts-ord-pagination > li.active > a,
.ts-dripfeed .ts-ord-pagination > li.active > span,
.ts-dripfeed ul.pagination.ts-ord-pagination > li.active > a,
.ts-dripfeed ul.pagination.ts-ord-pagination > .active > a {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%) !important;
  border-color: transparent !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  cursor: default;
}

.ts-dripfeed .ts-ord-pagination > li.active > a:hover,
.ts-dripfeed .ts-ord-pagination > .active > a:hover,
.ts-dripfeed ul.pagination.ts-ord-pagination > li.active > a:hover {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%) !important;
  border-color: transparent !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  filter: brightness(1.06);
}

@media (max-width: 1450px) {
  .ts-dripfeed .ts-svc-hero {
    margin-bottom: 20px;
  }

  .ts-drip-table {
    min-width: 1000px;
  }
}

@media (max-width: 900px) {
  .ts-dripfeed {
    overflow-x: hidden;
  }

  .ts-dripfeed .ts-svc-hero {
    height: auto;
    min-height: 0;
    max-height: none;
    margin: 0 0 16px;
    padding: 16px;
    border-radius: 16px;
  }

  .ts-dripfeed .ts-svc-hero__title {
    font-size: 22px;
  }

  .ts-dripfeed .ts-svc-hero__desc {
    font-size: 13px;
    line-height: 1.4;
    white-space: normal;
  }

  .ts-dripfeed .ts-ord-toolbar {
    margin-bottom: 16px;
  }

  .ts-drip-table {
    min-width: 900px;
  }

  .ts-dripfeed .ts-ord-table > thead > tr > th,
  .ts-dripfeed .ts-ord-table > tbody > tr > td {
    padding: 14px 12px !important;
    font-size: 13px !important;
  }

  .ts-dripfeed .ts-ord-pagination,
  .ts-dripfeed ul.pagination.ts-ord-pagination {
    gap: 6px;
    margin-top: 16px !important;
  }

  .ts-dripfeed .ts-ord-pagination > li > a,
  .ts-dripfeed .ts-ord-pagination > li > span,
  .ts-dripfeed ul.pagination.ts-ord-pagination > li > a,
  .ts-dripfeed ul.pagination.ts-ord-pagination > li > span {
    min-width: 36px;
    height: 36px;
    padding: 0 10px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
  }
}

html body.ts-body.is-light .ts-dripfeed .ts-drip-runs {
  background: linear-gradient(168deg, #ff608c 23%, #df1149 78%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

html body.ts-body.is-light .ts-dripfeed .ts-drip-runs:hover {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

html body.ts-body.is-light .ts-dripfeed .ts-ord-table > thead > tr > th {
  background: #be0e4b !important;
  background-image: none !important;
  color: #f7f2f2 !important;
  -webkit-text-fill-color: #f7f2f2 !important;
}

/* —— Add funds —— */
.ts-addfunds .ts-svc-hero {
  margin-bottom: 28px;
}

.ts-af-methods {
  margin-bottom: 28px;
  padding: 22px;
  border-radius: 24px;
  border: 0.5px solid rgba(255, 255, 255, 0.13);
  background: linear-gradient(
    180deg,
    rgba(122, 122, 122, 0.2) 0%,
    rgba(13, 13, 13, 0.2) 100%
  );
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.ts-af-methods__title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  color: #fff;
}

.ts-af-methods__title-icon {
  display: none;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  border-radius: 8px;
  background: rgba(18, 6, 10, 0.9);
  border: 0.5px solid rgba(190, 14, 75, 0.45);
}

.ts-af-methods__title-icon img {
  display: block;
  width: 16px;
  height: 16px;
  object-fit: contain;
}

.ts-af-methods__row {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  padding-bottom: 4px;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.22) transparent;
}

.ts-af-method {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-width: 150px;
  flex: 1 0 150px;
  padding: 14px 10px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: linear-gradient(
    177deg,
    rgba(34, 5, 15, 0.4) 3%,
    rgba(91, 8, 37, 0.4) 97%
  );
  color: #f5f6f7;
  cursor: pointer;
  transition:
    filter 0.15s ease,
    border-color 0.15s ease,
    background 0.15s ease;
}

.ts-af-method:hover {
  filter: brightness(1.08);
}

.ts-af-method.is-active {
  border-color: transparent;
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  color: #fff;
}

.ts-af-method__icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  flex-shrink: 0;
}

.ts-af-method__poly {
  position: absolute;
  inset: 0;
  width: 58px;
  height: 58px;
  object-fit: contain;
}

.ts-af-method__logo {
  position: relative;
  z-index: 1;
  width: 38px;
  height: 38px;
  object-fit: contain;
}

.ts-af-method__logo--light {
  display: none;
}

.ts-body.is-light .ts-af-method__logo--dark {
  display: none;
}

.ts-body.is-light .ts-af-method__logo--light {
  display: block;
}

/* Dark mode: active dual-logo methods use light variant on pink active background */
.ts-body:not(.is-light) .ts-af-method.is-active .ts-af-method__logo--dark {
  display: none;
}

.ts-body:not(.is-light) .ts-af-method.is-active .ts-af-method__logo--light {
  display: block;
}

.ts-af-method__label {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.ts-af-grid {
  display: grid;
  grid-template-columns: minmax(0, 960fr) minmax(0, 580fr);
  gap: 30px;
  align-items: start;
  margin-bottom: 28px;
}

.ts-addfunds .ts-af-form-card {
  border-radius: 28px;
  background: rgba(107, 107, 107, 0.12);
  border: 0.5px solid rgba(255, 255, 255, 0.08);
  padding: 28px 20px 34px;
}

.ts-addfunds .ts-af-form-card .ts-card__head {
  margin-bottom: 28px;
}

.ts-af-form .form-group,
.ts-af-form-body .form-group {
  margin-bottom: 24px;
}

.ts-af-form .control-label,
.ts-af-form-body .control-label {
  display: block;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 500;
  color: rgba(245, 246, 247, 0.85);
}

.ts-af-form .form-control,
.ts-af-form-body .form-control {
  height: 56px !important;
  border-radius: 12px !important;
  border: none !important;
  background: rgba(121, 121, 121, 0.18) !important;
  color: #f5f6f7 !important;
  font-size: 16px !important;
  padding: 16px 18px !important;
  box-shadow: none !important;
}

.ts-af-form .form-control:focus,
.ts-af-form-body .form-control:focus {
  outline: none !important;
  box-shadow: 0 0 0 1.5px rgba(190, 14, 75, 0.55) !important;
}

.ts-af-form .form-control::placeholder,
.ts-af-form-body .form-control::placeholder {
  color: rgba(245, 246, 247, 0.45);
}

.ts-af-method-select {
  position: relative;
}

.ts-af-method-select__icon {
  position: absolute;
  left: 18px;
  top: 50%;
  z-index: 2;
  width: 38px;
  height: 38px;
  margin-top: -19px;
  object-fit: contain;
  pointer-events: none;
}

.ts-af-method-select.has-icon #method {
  padding-left: 64px !important;
}

/* Add Funds — method Select2 */
.ts-af-method-select.is-select2 .ts-af-method-select__icon {
  display: none !important;
}

.ts-af-method-select.is-select2 #method {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.ts-af-method-select .select2-container {
  width: 100% !important;
  display: block;
}

.ts-af-method-select #method + .select2-container .select2-selection--single,
.ts-af-method-select .select2-selection.ts-af-s2-selection {
  height: 64px !important;
  min-height: 64px !important;
  border-radius: 12px !important;
  border: none !important;
  background: rgba(121, 121, 121, 0.18) !important;
  background-image: none !important;
  color: #f5f6f7 !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 44px 0 16px !important;
  box-shadow: none !important;
}

.ts-af-method-select
  #method
  + .select2-container.select2-container--focus
  .select2-selection--single,
.ts-af-method-select
  #method
  + .select2-container.select2-container--open
  .select2-selection--single {
  outline: none !important;
  box-shadow: 0 0 0 1.5px rgba(190, 14, 75, 0.55) !important;
  background: rgba(121, 121, 121, 0.24) !important;
}

.ts-af-method-select #method + .select2-container .select2-selection__rendered {
  display: flex !important;
  align-items: center !important;
  gap: 12px;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  line-height: 1.3 !important;
  color: #f5f6f7 !important;
  overflow: hidden !important;
}

.ts-af-method-select #method + .select2-container .select2-selection__arrow {
  height: 64px !important;
  right: 14px !important;
  width: 24px !important;
}

.ts-af-method-select #method + .select2-container .select2-selection__arrow b {
  border-color: #f5f6f7 transparent transparent transparent !important;
  border-width: 6px 5px 0 5px !important;
  margin-top: -2px !important;
}

.ts-af-method-select
  #method
  + .select2-container.select2-container--open
  .select2-selection__arrow
  b {
  border-color: transparent transparent #f5f6f7 transparent !important;
  border-width: 0 5px 6px 5px !important;
}

.ts-af-s2-option {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  max-width: 100%;
}

.ts-af-s2-option__icon {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  object-fit: contain;
}

.ts-af-s2-option__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

html body.ts-body .select2-dropdown.ts-af-s2-dropdown {
  border-radius: 12px !important;
  overflow: hidden;
}

html body.ts-body .select2-dropdown.ts-af-s2-dropdown .select2-results__option {
  display: flex !important;
  align-items: center !important;
  padding: 8px 10px !important;
}

html
  body.ts-body.is-light
  .ts-addfunds
  .ts-af-method-select
  #method
  + .select2-container
  .select2-selection--single {
  background: rgba(254, 178, 198, 0.17) !important;
  border: 0.5px solid #ff88a9 !important;
  color: #222e48 !important;
}

html
  body.ts-body.is-light
  .ts-addfunds
  .ts-af-method-select
  #method
  + .select2-container
  .select2-selection__rendered {
  color: #222e48 !important;
}

html
  body.ts-body.is-light
  .ts-addfunds
  .ts-af-method-select
  #method
  + .select2-container
  .select2-selection__arrow
  b {
  border-color: #222e48 transparent transparent transparent !important;
}

html
  body.ts-body.is-light
  .ts-addfunds
  .ts-af-method-select
  #method
  + .select2-container.select2-container--open
  .select2-selection__arrow
  b {
  border-color: transparent transparent #222e48 transparent !important;
}

html
  body.ts-body.is-light
  .ts-addfunds
  .ts-af-method-select
  #method
  + .select2-container.select2-container--focus
  .select2-selection--single,
html
  body.ts-body.is-light
  .ts-addfunds
  .ts-af-method-select
  #method
  + .select2-container.select2-container--open
  .select2-selection--single {
  border-color: #ff88a9 !important;
  box-shadow: 0 0 0 3px rgba(190, 14, 75, 0.12) !important;
}

.ts-af-form select.form-control,
.ts-af-method-select #method {
  height: 64px !important;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 18px center !important;
  padding-right: 44px !important;
}

.ts-af-quick__row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.ts-af-quick__btn {
  min-width: 84px;
  flex: 1 1 84px;
  max-width: 100px;
  height: 56px;
  padding: 0 14px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(121, 121, 121, 0.14);
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
  transition:
    background 0.15s ease,
    border-color 0.15s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  -webkit-user-select: none;
  box-sizing: border-box;
}

.ts-af-quick__btn:hover {
  border-color: rgba(190, 14, 75, 0.5);
}

.ts-af-quick__btn.is-active {
  border-color: transparent;
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
}

.ts-af-total__box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 56px;
  padding: 0 18px;
  border-radius: 12px;
  background: rgba(121, 121, 121, 0.18);
}

.ts-af-total__value {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}

.ts-af-total__suffix {
  font-size: 14px;
  font-weight: 500;
  color: rgba(245, 246, 247, 0.7);
}

.ts-af-form .ts-submit-btn,
.ts-af-form-body .ts-submit-btn {
  margin-top: 4px;
}

.ts-af-side {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.ts-af-help-card,
.ts-af-video-card {
  border-radius: 28px;
  background: rgba(107, 107, 107, 0.12);
  border: 0.5px solid rgba(255, 255, 255, 0.08);
  padding: 28px 20px 24px;
}

.ts-af-help__head {
  display: flex;
  align-items: center;
  min-height: 70px;
  margin-bottom: 18px;
  padding: 0 18px;
  border-radius: 16px;
  background: rgba(103, 103, 103, 0.16);
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}

.ts-af-help__steps {
  display: flex;
  flex-direction: column;
  gap: 22px;
  margin-bottom: 18px;
}

.ts-af-help__step {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.ts-af-help__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  border-radius: 50%;
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}

.ts-af-help__step p {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  color: #dfe0e4;
}

.ts-af-help__hl {
  color: #be0e4b;
  font-weight: 600;
}

.ts-af-bonus {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  border-radius: 12px;
  background: linear-gradient(
    180deg,
    rgba(91, 8, 37, 0.84) 3%,
    rgba(34, 5, 15, 0.84) 97%
  );
  backdrop-filter: blur(25px);
}

.ts-af-bonus__icon {
  flex-shrink: 0;
  width: 39px;
  height: 46px;
  object-fit: contain;
}

.ts-af-bonus__text {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  color: #f5f6f7;
  font-weight: 400;
}

.ts-af-video-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 24px 20px;
  overflow: visible;
}

.ts-af-video__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 70px;
  padding: 12px 18px;
  border-radius: 16px;
  border-top: 0;
  border-bottom: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.55);
  border-right: 1px solid rgba(255, 255, 255, 0.55);
  background: rgba(155, 155, 155, 0.14);
  backdrop-filter: blur(20px);
  text-align: center;
}

.ts-af-video__line {
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #fff;
}

.ts-af-video__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 162px;
  height: 50px;
  padding: 0 24px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  color: #fff !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none !important;
  white-space: nowrap;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

.ts-af-video__btn:hover {
  filter: brightness(1.06);
  color: #fff !important;
}

.ts-af-video-modal {
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.ts-af-video-modal[hidden] {
  display: none !important;
}

.ts-af-video-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(8, 2, 6, 0.78);
  backdrop-filter: blur(6px);
}

.ts-af-video-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(920px, 100%);
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: #12060a;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.45);
  overflow: hidden;
}

.ts-af-video-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.ts-af-video-modal__title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #f5f6f7;
}

.ts-af-video-modal__close {
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.ts-af-video-modal__close:hover {
  background: rgba(190, 14, 75, 0.8);
}

.ts-af-video-modal__body {
  padding: 14px;
}

.ts-af-video-modal__frame {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  border-radius: 12px;
  overflow: hidden;
  background: #000;
}

.ts-af-video-modal__frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

body.ts-af-video-modal-open {
  overflow: hidden;
}

.ts-body.is-light .ts-af-video-modal__dialog {
  background: #ffffff;
  border-color: rgba(34, 46, 72, 0.12);
}

.ts-body.is-light .ts-af-video-modal__header {
  border-bottom-color: rgba(34, 46, 72, 0.1);
}

.ts-body.is-light .ts-af-video-modal__title {
  color: #222e48;
}

.ts-body.is-light .ts-af-video-modal__close {
  background: rgba(34, 46, 72, 0.06);
  color: #222e48;
}

.ts-body.is-light .ts-af-video-modal__close:hover {
  background: rgba(190, 14, 75, 0.9);
  color: #fff;
}

.ts-af-content {
  margin-bottom: 28px;
  color: #dfe0e4;
}

.ts-af-history {
  margin-top: 8px;
}

.ts-af-history__title {
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}

.ts-af-invoice {
  color: #be0e4b !important;
  font-weight: 500;
}

@media (max-width: 1400px) {
  .ts-af-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .ts-af-quick__btn {
    min-width: 72px;
    height: 48px;
    font-size: 16px;
  }

  .ts-af-method {
    min-width: 136px;
    flex-basis: 136px;
  }
}

@media (max-width: 768px) {
  .ts-addfunds {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
  }

  .ts-addfunds .ts-svc-hero {
    height: auto;
    min-height: 0;
    max-height: none;
    margin: 0 0 16px;
    padding: 16px;
    border-radius: 16px;
    align-items: flex-start;
  }

  .ts-addfunds .ts-svc-hero__inner {
    max-width: 100%;
    min-width: 0;
  }

  .ts-addfunds .ts-svc-hero__title {
    font-size: 22px;
    margin-bottom: 6px;
  }

  .ts-addfunds .ts-svc-hero__desc {
    font-size: 13px;
    line-height: 1.4;
    white-space: normal;
    text-overflow: unset;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .ts-addfunds .ts-svc-hero__spark {
    opacity: 0.55;
  }

  .ts-addfunds .ts-af-methods {
    margin-bottom: 20px;
    padding: 14px;
    border-radius: 14px;
    border: 1px solid rgba(190, 14, 75, 0.55);
    background: #0a0406;
    box-shadow: none;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .ts-addfunds .ts-af-methods__title {
    margin-bottom: 12px;
    font-size: 15px;
    font-weight: 600;
    color: #be0e4b;
    gap: 8px;
  }

  .ts-addfunds .ts-af-methods__title-icon {
    display: inline-flex;
  }

  .ts-addfunds .ts-af-methods__title-icon img {
    filter: invert(24%) sepia(88%) saturate(3200%) hue-rotate(328deg)
      brightness(85%) contrast(105%);
  }

  .ts-addfunds .ts-af-methods__row {
    gap: 10px;
    margin: 0;
    padding: 0 0 2px;
    -webkit-overflow-scrolling: touch;
  }

  .ts-addfunds .ts-af-method {
    flex: 0 0 auto;
    min-width: 0;
    width: 72px;
    height: 52px;
    gap: 0;
    padding: 0;
    border-radius: 10px;
    border: 1px solid rgba(190, 14, 75, 0.55);
    background: rgba(18, 6, 10, 0.95);
  }

  .ts-addfunds .ts-af-method.is-active {
    border-color: #be0e4b;
    background: linear-gradient(
      90deg,
      rgba(190, 14, 75, 0.55) 0%,
      rgba(145, 19, 63, 0.85) 100%
    );
  }

  .ts-addfunds .ts-af-method__poly {
    display: none;
  }

  .ts-addfunds .ts-af-method__label {
    display: none;
  }

  .ts-addfunds .ts-af-method__icon {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .ts-addfunds .ts-af-method__logo {
    position: relative;
    z-index: 1;
    width: 34px;
    height: 34px;
    object-fit: contain;
  }

  .ts-addfunds .ts-af-grid {
    gap: 20px;
    margin-bottom: 20px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .ts-addfunds .ts-af-form-card,
  .ts-addfunds .ts-af-help-card,
  .ts-addfunds .ts-af-video-card {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overflow-x: hidden;
    border-radius: 20px;
    padding: 16px;
  }

  .ts-addfunds .ts-af-form-card .ts-card__head {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 20px;
    padding: 10px;
    min-height: 0;
    border-radius: 10px;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
  }

  .ts-addfunds .ts-af-form-card .ts-card__title {
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .ts-addfunds .ts-af-form-card .ts-tabs--sm {
    display: flex;
    width: 100%;
    max-width: 100%;
    padding: 4px;
    border-radius: 8px;
    gap: 2px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .ts-addfunds .ts-af-form-card .ts-tabs--sm::-webkit-scrollbar {
    display: none;
  }

  .ts-addfunds .ts-af-form-card .ts-tabs--sm .ts-tabs__item {
    flex: 1 1 0;
    min-width: 0;
    height: auto;
    padding: 6px 4px;
    font-size: 11px;
    line-height: 1.3;
    border-radius: 5px;
    text-align: center;
  }

  .ts-addfunds .ts-af-form,
  .ts-addfunds .ts-af-form .form-group,
  .ts-addfunds .ts-af-form .form-control,
  .ts-addfunds .ts-af-method-select {
    max-width: 100%;
    min-width: 0;
  }

  .ts-addfunds .ts-af-form .form-group {
    margin-bottom: 16px;
  }

  .ts-addfunds .ts-af-form .control-label {
    margin-bottom: 6px;
    font-size: 13px;
  }

  .ts-addfunds .ts-af-form .form-control,
  .ts-addfunds .ts-af-form-body .form-control,
  .ts-addfunds .ts-af-form select.form-control,
  .ts-addfunds .ts-af-method-select #method {
    height: 44px !important;
    min-height: 44px !important;
    font-size: 14px !important;
    padding: 10px 14px !important;
    border-radius: 10px !important;
  }

  .ts-addfunds
    .ts-af-method-select
    #method
    + .select2-container
    .select2-selection--single {
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 40px 0 14px !important;
    border-radius: 10px !important;
  }

  .ts-addfunds
    .ts-af-method-select
    #method
    + .select2-container
    .select2-selection__arrow {
    height: 42px !important;
    right: 10px !important;
    width: 20px !important;
  }

  .ts-addfunds
    .ts-af-method-select
    #method
    + .select2-container
    .select2-selection__rendered {
    gap: 10px;
    font-size: 14px !important;
  }

  .ts-addfunds .ts-af-s2-option__icon {
    width: 22px;
    height: 22px;
  }

  .ts-addfunds .ts-af-method-select__icon {
    left: 12px;
    width: 24px;
    height: 24px;
    margin-top: -12px;
  }

  .ts-addfunds .ts-af-method-select.has-icon #method {
    padding-left: 44px !important;
  }

  .ts-addfunds .ts-af-quick__row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }

  .ts-addfunds .ts-af-quick__btn {
    min-width: 0;
    flex: none;
    max-width: none;
    width: 100%;
    height: 44px;
    padding: 0 8px;
    font-size: 14px;
    border-radius: 10px;
  }

  .ts-addfunds .ts-af-total__box {
    height: 44px;
    padding: 0 14px;
    border-radius: 10px;
  }

  .ts-addfunds .ts-af-total__value {
    font-size: 14px;
  }

  .ts-addfunds .ts-af-form .ts-submit-btn {
    height: 44px;
    font-size: 15px;
    border-radius: 10px;
    max-width: 100%;
  }

  .ts-addfunds .ts-af-side {
    gap: 16px;
    min-width: 0;
  }

  .ts-addfunds .ts-af-help__head {
    min-height: 48px;
    margin-bottom: 14px;
    padding: 0 14px;
    border-radius: 12px;
    font-size: 15px;
  }

  .ts-addfunds .ts-af-help__steps {
    gap: 16px;
    margin-bottom: 14px;
  }

  .ts-addfunds .ts-af-help__step p {
    font-size: 13px;
  }

  .ts-addfunds .ts-af-bonus {
    padding: 12px 14px;
    border-radius: 10px;
    align-items: flex-start;
  }

  .ts-addfunds .ts-af-bonus__icon {
    width: 32px;
    height: auto;
  }

  .ts-addfunds .ts-af-bonus__text {
    font-size: 12px;
    line-height: 1.4;
  }

  .ts-addfunds .ts-af-video__head {
    min-height: 56px;
    padding: 10px 14px;
    border-radius: 12px;
  }

  .ts-addfunds .ts-af-video__line {
    font-size: 13px;
  }

  .ts-addfunds .ts-af-video__btn {
    width: 100%;
    max-width: 100%;
    height: 48px;
    justify-content: center;
    text-align: center;
    font-size: 15px;
  }

  .ts-af-video-modal {
    padding: 12px;
  }

  .ts-af-video-modal__dialog {
    width: 100%;
    border-radius: 14px;
  }

  .ts-af-video-modal__header {
    padding: 12px;
  }

  .ts-af-video-modal__title {
    font-size: 14px;
  }

  .ts-af-video-modal__body {
    padding: 10px;
  }

  .ts-af-video-modal__frame {
    padding-top: 177.78%;
  }

  .ts-addfunds .ts-af-history {
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
  }

  .ts-addfunds .ts-af-history__title {
    font-size: 16px;
    margin-bottom: 12px;
  }

  .ts-addfunds .ts-af-board,
  .ts-addfunds .ts-ord-board {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
  }

  .ts-addfunds .ts-af-table,
  .ts-addfunds .ts-ord-table {
    min-width: 560px;
  }

  .ts-addfunds .ts-af-content {
    padding: 16px;
    border-radius: 16px;
    overflow-x: auto;
    word-break: break-word;
  }
}

/* Tickets light — Figma 827:25453 */
.ts-body.is-light .ts-tickets .ts-svc-hero {
  background-image: url('https://my-techsmm-com.ahmad-iftekhar2004.workers.dev/hero-light-bg.png') !important;
  background-color: #ffe8ef;
}

.ts-body.is-light .ts-tickets .ts-svc-hero__title {
  color: #222e48;
}

.ts-body.is-light .ts-tickets .ts-svc-hero__desc {
  color: #4f586d;
}

.ts-body.is-light .ts-tickets .ts-tk-search {
  background: #ececec;
  box-shadow: none;
}

.ts-body.is-light .ts-tickets .ts-tk-search__input {
  border: 0.5px solid #ff477e !important;
  background: #ffffff !important;
  color: #343e56 !important;
  backdrop-filter: blur(10px);
}

.ts-body.is-light .ts-tickets .ts-tk-search__input::placeholder {
  color: #4f586d;
}

.ts-body.is-light .ts-tickets .ts-tk-search__btn {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
}

.ts-body.is-light .ts-tickets .ts-tk-create,
.ts-body.is-light .ts-tickets .ts-tk-history,
.ts-body.is-light .ts-tickets .ts-tk-content {
  background: #ffffff !important;
  border: 0.5px solid #ff79a2 !important;
  box-shadow: none;
}

.ts-body.is-light .ts-tickets .ts-tk-create__head,
.ts-body.is-light .ts-tickets .ts-tk-history__head {
  background: linear-gradient(
    90deg,
    rgba(255, 74, 137, 0.24) 0%,
    rgba(205, 15, 81, 0.24) 100%
  );
  backdrop-filter: blur(20px);
  border: 1px solid rgba(103, 103, 103, 0.16);
}

.ts-body.is-light .ts-tickets .ts-tk-create__title,
.ts-body.is-light .ts-tickets .ts-tk-history__title {
  color: #222e48;
}

.ts-body.is-light .ts-tickets .ts-tk-support {
  background: #ffffff;
  border: 0.4px solid #ff96b3;
}

.ts-body.is-light .ts-tickets .ts-tk-support__btn.is-active {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  border-color: transparent;
}

.ts-body.is-light
  .ts-tickets
  .ts-tk-support__btn.is-active
  .ts-tk-support__label {
  color: #f5f6f7;
}

.ts-body.is-light .ts-tickets .ts-tk-support__btn:not(.is-active) {
  border-color: #f03676;
  background: transparent;
}

.ts-body.is-light
  .ts-tickets
  .ts-tk-support__btn:not(.is-active)
  .ts-tk-support__label {
  background: linear-gradient(134deg, #ff608c 23%, #df1149 78%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.ts-body.is-light
  .ts-tickets
  .ts-tk-support__btn.is-active
  .ts-tk-support__icon {
  background: #ffffff;
  box-shadow: inset 0 4px 4px rgba(255, 243, 246, 0.95);
}

.ts-body.is-light
  .ts-tickets
  .ts-tk-support__btn[data-tk-support='ai'].is-active
  .ts-tk-support__icon
  img {
  filter: invert(18%) sepia(92%) saturate(4200%) hue-rotate(320deg)
    brightness(78%);
}

.ts-body.is-light
  .ts-tickets
  .ts-tk-support__btn[data-tk-support='human']:not(.is-active)
  .ts-tk-support__icon
  img {
  filter: brightness(0) invert(1);
}

.ts-body.is-light .ts-tickets .ts-tk-filters {
  background: #ffffff;
  border: 0.4px solid #ff96b3;
}

.ts-body.is-light .ts-tickets .ts-tk-filters__btn {
  color: #343e56;
}

.ts-body.is-light .ts-tickets .ts-tk-filters__btn.is-active {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  color: #f5f6f7;
}

.ts-body.is-light .ts-tickets .ts-tk-form .control-label,
.ts-body.is-light .ts-tickets .ts-tk-form #ticket-fields .control-label,
.ts-body.is-light .ts-tickets .ts-tk-form #ticket-fields label {
  color: #13203b !important;
  font-size: 16px;
  font-weight: 400;
}

html body.ts-body.is-light .ts-tickets .ts-tk-form .form-control,
html body.ts-body.is-light .ts-tickets .ts-tk-form #ticket-fields .form-control,
html body.ts-body.is-light .ts-tickets .ts-tk-form #ticket-fields input,
html body.ts-body.is-light .ts-tickets .ts-tk-form #ticket-fields select,
html body.ts-body.is-light .ts-tickets .ts-tk-form #ticket-fields textarea,
html
  body.ts-body.is-light
  .ts-tickets
  .ts-tk-form
  .select2-container
  .select2-selection,
html
  body.ts-body.is-light
  .ts-tickets
  .ts-tk-form
  .select2-container--default
  .select2-selection--single {
  background: rgba(254, 178, 198, 0.17) !important;
  background-color: rgba(254, 178, 198, 0.17) !important;
  border: 0.5px solid #ff88a9 !important;
  border-radius: 12px !important;
  color: #222e48 !important;
  -webkit-text-fill-color: #222e48 !important;
  caret-color: #222e48 !important;
  backdrop-filter: blur(40px);
}

html
  body.ts-body.is-light
  .ts-tickets
  .ts-tk-form
  .select2-container
  .select2-selection
  .select2-selection__rendered {
  color: #222e48 !important;
  -webkit-text-fill-color: #222e48 !important;
}

html body.ts-body.is-light .ts-tickets .ts-tk-form .form-control::placeholder,
html
  body.ts-body.is-light
  .ts-tickets
  .ts-tk-form
  #ticket-fields
  .form-control::placeholder {
  color: #4f586d !important;
  -webkit-text-fill-color: #4f586d !important;
  opacity: 1;
}

html body.ts-body.is-light .ts-tickets .ts-tk-form .form-control:focus,
html
  body.ts-body.is-light
  .ts-tickets
  .ts-tk-form
  #ticket-fields
  .form-control:focus,
html body.ts-body.is-light .ts-tickets .ts-tk-form #ticket-fields input:focus,
html body.ts-body.is-light .ts-tickets .ts-tk-form #ticket-fields select:focus,
html
  body.ts-body.is-light
  .ts-tickets
  .ts-tk-form
  #ticket-fields
  textarea:focus {
  border-color: #ff88a9 !important;
  box-shadow: 0 0 0 3px rgba(190, 14, 75, 0.12) !important;
}

html body.ts-body.is-light .ts-tickets .ts-tk-form select.form-control,
html body.ts-body.is-light .ts-tickets .ts-tk-form #ticket-fields select,
html
  body.ts-body.is-light
  .ts-tickets
  .ts-tk-form
  #ticket-fields
  select.form-control {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23222e48' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 18px center !important;
}

html
  body.ts-body.is-light
  .ts-tickets
  .ts-tk-form
  .select2-container
  .select2-selection
  .select2-selection__arrow
  b {
  border-color: #222e48 transparent transparent transparent !important;
}

html
  body.ts-body.is-light
  .ts-tickets
  .ts-tk-form
  .select2-container--open
  .select2-selection
  .select2-selection__arrow
  b {
  border-color: transparent transparent #222e48 transparent !important;
}

.ts-body.is-light .ts-tickets .ts-tk-attach__face {
  background: rgba(243, 79, 109, 0.2);
  border: 1.5px dashed #be0e4b;
}

.ts-body.is-light .ts-tickets .ts-tk-attach__label {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.ts-body.is-light .ts-tickets .ts-tk-attach__icon {
  filter: brightness(0) saturate(100%) invert(14%) sepia(94%) saturate(3200%)
    hue-rotate(325deg) brightness(0.92);
}

.ts-body.is-light .ts-tickets .ts-tk-files-shelf .files-item,
.ts-body.is-light .ts-tickets .ts-tk-attach .tickets-uploader .files-item {
  background: rgba(243, 79, 109, 0.12);
  border: 1.5px dashed #be0e4b;
  color: #343e56;
}

.ts-body.is-light .ts-tickets .ts-tk-file-remove {
  background: rgba(190, 14, 75, 0.12);
  color: #be0e4b;
}

html body.ts-body.is-light .ts-tickets .ts-tk-submit.btn-primary {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.ts-body.is-light .ts-tickets .ts-tk-board {
  background: rgba(164, 164, 164, 0.14);
  scrollbar-color: rgba(190, 14, 75, 0.35) rgba(190, 14, 75, 0.08);
}

.ts-body.is-light .ts-tickets .ts-tk-board::-webkit-scrollbar-track {
  background: rgba(190, 14, 75, 0.08);
}

.ts-body.is-light .ts-tickets .ts-tk-board::-webkit-scrollbar-thumb {
  background: rgba(190, 14, 75, 0.35);
}

html body.ts-body.is-light .ts-tickets .ts-tk-table {
  color: #343e56 !important;
}

html body.ts-body.is-light .ts-tickets .ts-tk-table > thead > tr > th {
  background: #be0e4b !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.ts-body.is-light .ts-tickets .ts-tk-table > tbody > tr > td {
  color: #343e56 !important;
  -webkit-text-fill-color: #343e56 !important;
  border-bottom-color: rgba(161, 161, 161, 0.3) !important;
}

html
  body.ts-body.is-light
  .ts-tickets
  .ts-tk-table
  > tbody
  > tr:not(.ts-tk-empty-row):hover
  > td {
  background: rgba(254, 178, 198, 0.18) !important;
}

html
  body.ts-body.is-light
  .ts-tickets
  .ts-tk-table
  > tbody
  > tr.ts-tk-row[data-href]:focus-visible
  > td {
  background: rgba(254, 178, 198, 0.24) !important;
}

.ts-body.is-light .ts-tickets .ts-tk-subject a {
  color: #be0e4b !important;
  -webkit-text-fill-color: #be0e4b !important;
}

.ts-body.is-light .ts-tickets .ts-tk-subject a:hover {
  color: #91133f !important;
  -webkit-text-fill-color: #91133f !important;
}

.ts-body.is-light .ts-tickets .ts-tk-empty__title {
  color: #222e48;
}

.ts-body.is-light .ts-tickets .ts-tk-empty__desc {
  color: #4f586d;
}

.ts-body.is-light .ts-tickets .ts-tk-content {
  color: #343e56;
}

html body.ts-body.is-light .ts-tickets .ts-ord-pagination > li > a,
html body.ts-body.is-light .ts-tickets .ts-ord-pagination > li > span {
  color: #343e56 !important;
  background: #ffffff !important;
  border: 0.5px solid #ff88a9 !important;
}

html body.ts-body.is-light .ts-tickets .ts-ord-pagination > li > a:hover,
html body.ts-body.is-light .ts-tickets .ts-ord-pagination > li > a:focus {
  background: rgba(254, 178, 198, 0.22) !important;
  border-color: #be0e4b !important;
  color: #222e48 !important;
}

html body.ts-body.is-light .ts-tickets .ts-ord-pagination > li.active > a,
html body.ts-body.is-light .ts-tickets .ts-ord-pagination > .active > a,
html body.ts-body.is-light .ts-tickets .ts-ord-pagination > .active > span,
html body.ts-body.is-light .ts-tickets .pagination > li.active > a {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%) !important;
  border-color: transparent !important;
  color: #ffffff !important;
}

html body.ts-body.is-light .ts-tickets .ts-ord-pagination > li.active > a:hover,
html body.ts-body.is-light .ts-tickets .ts-ord-pagination > .active > a:hover {
  color: #ffffff !important;
}

/* View ticket light — Figma 827:27598 */
.ts-body.is-light .ts-viewticket .ts-svc-hero {
  background-image: url('https://my-techsmm-com.ahmad-iftekhar2004.workers.dev/hero-light-bg.png') !important;
  background-color: #ffe8ef;
}

.ts-body.is-light .ts-viewticket .ts-svc-hero__title {
  color: #222e48;
}

.ts-body.is-light .ts-viewticket .ts-svc-hero__desc {
  color: #4f586d;
}

.ts-body.is-light .ts-viewticket .ts-vt-chat,
.ts-body.is-light .ts-viewticket .ts-vt-info {
  background: #ffffff !important;
  border: 0.5px solid #ff79a2 !important;
  box-shadow: none;
}

.ts-body.is-light .ts-viewticket .ts-vt-chat__head {
  background: linear-gradient(
    90deg,
    rgba(255, 74, 137, 0.24) 0%,
    rgba(205, 15, 81, 0.24) 100%
  );
  backdrop-filter: blur(20px);
  border: 1px solid rgba(103, 103, 103, 0.16);
}

.ts-body.is-light .ts-viewticket .ts-vt-chat__title {
  color: #222e48;
}

.ts-body.is-light .ts-viewticket .ts-vt-thread {
  scrollbar-color: rgba(190, 14, 75, 0.35) rgba(190, 14, 75, 0.08);
}

.ts-body.is-light .ts-viewticket .ts-vt-thread::-webkit-scrollbar-track {
  background: rgba(190, 14, 75, 0.08);
}

.ts-body.is-light .ts-viewticket .ts-vt-thread::-webkit-scrollbar-thumb {
  background: rgba(190, 14, 75, 0.35);
}

.ts-body.is-light .ts-viewticket .ts-vt-thread::-webkit-scrollbar-thumb:hover {
  background: rgba(190, 14, 75, 0.5);
}

.ts-body.is-light .ts-viewticket .ts-vt-empty {
  color: #4f586d;
}

.ts-body.is-light .ts-viewticket .ts-vt-msg__time {
  color: #4f586d;
}

.ts-body.is-light .ts-viewticket .ts-vt-msg--support .ts-vt-msg__bubble {
  background: rgba(233, 53, 102, 0.22);
  border-color: rgba(236, 51, 94, 0.54);
  color: #13203b;
}

.ts-body.is-light .ts-viewticket .ts-vt-msg--user .ts-vt-msg__bubble {
  background: rgba(158, 158, 158, 0.16);
  color: #343e56;
}

.ts-body.is-light .ts-viewticket .ts-vt-msg__files a {
  color: #be0e4b !important;
}

.ts-body.is-light .ts-viewticket .ts-vt-msg__avatar--user {
  border-color: #e6e6e6;
  background: #f5f5f5;
}

html body.ts-body.is-light .ts-viewticket .ts-vt-reply .form-control {
  background: rgba(158, 158, 158, 0.16) !important;
  border: 0.5px solid rgba(161, 161, 161, 0.3) !important;
  color: #343e56 !important;
  -webkit-text-fill-color: #343e56 !important;
  caret-color: #343e56 !important;
}

html
  body.ts-body.is-light
  .ts-viewticket
  .ts-vt-reply
  .form-control::placeholder {
  color: #4f586d !important;
  -webkit-text-fill-color: #4f586d !important;
  opacity: 1;
}

html body.ts-body.is-light .ts-viewticket .ts-vt-reply .form-control:focus {
  border-color: #ff88a9 !important;
  box-shadow: 0 0 0 3px rgba(190, 14, 75, 0.12) !important;
}

.ts-body.is-light .ts-viewticket .ts-vt-attach__face {
  background: linear-gradient(
    90deg,
    rgba(190, 14, 75, 0.12) 0%,
    rgba(145, 19, 63, 0.12) 100%
  );
  border: 1.5px dashed #be0e4b;
}

.ts-body.is-light .ts-viewticket .ts-vt-attach__label {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.ts-body.is-light .ts-viewticket .ts-vt-attach__icon {
  filter: brightness(0) saturate(100%) invert(14%) sepia(94%) saturate(3200%)
    hue-rotate(325deg) brightness(0.92);
}

.ts-body.is-light .ts-viewticket .ts-vt-files-shelf .files-item,
.ts-body.is-light .ts-viewticket .ts-vt-attach .tickets-uploader .files-item {
  background: rgba(243, 79, 109, 0.12);
  border: 1.5px dashed #be0e4b;
  color: #343e56;
}

html body.ts-body.is-light .ts-viewticket .ts-vt-submit.btn-primary {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.ts-body.is-light .ts-viewticket .ts-vt-info__banner {
  background: linear-gradient(
    90deg,
    rgba(255, 74, 137, 0.24) 0%,
    rgba(205, 15, 81, 0.24) 100%
  );
  backdrop-filter: blur(20px);
  border: 1px solid rgba(103, 103, 103, 0.16);
}

.ts-body.is-light .ts-viewticket .ts-vt-info__title {
  color: #222e48;
}

.ts-body.is-light .ts-viewticket .ts-vt-info__lead {
  color: #4f586d;
}

.ts-body.is-light .ts-viewticket .ts-vt-info__row {
  background: rgba(164, 164, 164, 0.14);
  border: 1px dashed rgba(161, 161, 161, 0.3);
}

.ts-body.is-light .ts-viewticket .ts-vt-info__label {
  color: #343e56;
}

.ts-body.is-light .ts-viewticket .ts-vt-note {
  border-color: rgba(190, 14, 75, 0.45);
  background: rgba(190, 14, 75, 0.08);
}

.ts-body.is-light .ts-viewticket .ts-vt-note__text {
  color: #343e56;
}

/* —— Tickets page (Figma 635:83155) —— */
.ts-tickets .ts-svc-hero {
  margin-bottom: 28px;
}

.ts-tk-search {
  margin-bottom: 28px;
  padding: 12px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.07);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
}

.ts-tk-search__form {
  position: relative;
}

.ts-tk-search__input {
  width: 100%;
  height: 50px !important;
  border-radius: 12px !important;
  border: 0.5px solid rgba(179, 49, 88, 0.35) !important;
  background: rgba(230, 230, 230, 0.13) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 10px 84px 10px 16px !important;
  box-shadow: none !important;
}

.ts-tk-search__input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.ts-tk-search__btn {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 62px;
  height: 36px;
  border: none;
  border-radius: 8px;
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.ts-tk-search__btn:hover {
  filter: brightness(1.08);
}

.ts-rtl .ts-tk-search__input {
  padding: 10px 16px 10px 84px !important;
}

.ts-rtl .ts-tk-search__btn {
  right: auto;
  left: 8px;
}

.ts-tk-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 24px;
  align-items: stretch;
  margin-bottom: 28px;
}

.ts-tickets .ts-tk-create,
.ts-tickets .ts-tk-history {
  border-radius: 24px;
  background: rgba(101, 101, 101, 0.15);
  border: 0.5px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 2px 6px rgba(195, 195, 195, 0.1);
}

.ts-tickets .ts-tk-create {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 28px 20px 34px;
}

.ts-tickets .ts-tk-history {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 28px 20px 24px;
  /* Match left form height: row sized by create card, history fills & scrolls */
  height: 0;
  min-height: 100%;
  max-height: none;
  overflow: hidden;
}

.ts-tk-create__head,
.ts-tk-history__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: nowrap;
  box-sizing: border-box;
  flex-shrink: 0;
  height: 70px;
  min-height: 70px;
  max-height: 70px;
  padding: 8px 12px 8px 16px;
  border-radius: 14px;
  background: rgba(103, 103, 103, 0.16);
  backdrop-filter: blur(20px);
  overflow: hidden;
}

.ts-tk-history__head {
  background: rgba(197, 197, 197, 0.14);
}

.ts-tk-create__title,
.ts-tk-history__title {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
  white-space: nowrap;
}

.ts-tk-support {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 1;
  min-width: 0;
  padding: 6px;
  border-radius: 12px;
  border: 0.4px solid rgba(255, 255, 255, 0.05);
  background: linear-gradient(
    121deg,
    rgba(120, 15, 52, 0.245) 0.37%,
    rgba(100, 27, 49, 0.375) 99.18%
  );
}

.ts-tk-support__btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 42px;
  padding: 4px 10px 4px 4px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #f5f6f7;
  cursor: pointer;
  white-space: nowrap;
}

.ts-tk-support__btn.is-active {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  border-color: transparent;
}

.ts-tk-support__btn:not(.is-active) {
  border-color: #9d1242;
}

.ts-tk-support__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 33px;
  height: 33px;
  border-radius: 6px;
  background: #9d1242;
  flex-shrink: 0;
  overflow: hidden;
}

.ts-tk-support__btn.is-active .ts-tk-support__icon {
  background: #d9d9d9;
  box-shadow: inset 0 4px 4px rgba(255, 243, 246, 0.95);
}

.ts-tk-support__icon img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  display: block;
}

.ts-tk-support__btn[data-tk-support='ai']:not(.is-active)
  .ts-tk-support__icon
  img {
  filter: brightness(0) invert(1);
}

.ts-tk-support__btn[data-tk-support='human'].is-active
  .ts-tk-support__icon
  img {
  filter: invert(18%) sepia(92%) saturate(4200%) hue-rotate(320deg)
    brightness(78%);
}

.ts-tk-support__label {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.35;
  color: #f5f6f7;
}

.ts-tk-support__btn.is-active .ts-tk-support__label {
  font-weight: 500;
  line-height: 1.3;
}

.ts-tk-filters {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 1;
  min-width: 0;
  max-width: 100%;
  padding: 6px;
  border-radius: 12px;
  background: linear-gradient(
    128deg,
    rgba(120, 15, 52, 0.245) 0.37%,
    rgba(100, 27, 49, 0.375) 99.18%
  );
}

.ts-tk-filters__btn {
  flex: 1 1 auto;
  min-width: 0;
  height: 42px;
  padding: 6px 12px;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: #f5f6f7;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  cursor: pointer;
  white-space: nowrap;
}

.ts-tk-filters__btn.is-active {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  color: #f5f6f7;
}

.ts-tk-form .form-group,
.ts-tk-form #ticket-fields > div,
.ts-tk-form #ticket-fields .form-group {
  margin-bottom: 18px;
}

.ts-tk-form .select2-container {
  width: 100% !important;
  display: block;
}

.ts-tk-form .select2-container .select2-selection,
.ts-tk-form .select2-container--default .select2-selection--single {
  height: 56px !important;
  border: none !important;
  border-radius: 16px !important;
  background: rgba(121, 121, 121, 0.16) !important;
  color: #f5f6f7 !important;
  box-shadow: none !important;
}

.ts-tk-form .select2-container .select2-selection .select2-selection__rendered {
  line-height: 56px !important;
  padding-left: 18px !important;
  color: #f5f6f7 !important;
}

.ts-tk-form .select2-container .select2-selection .select2-selection__arrow {
  height: 56px !important;
  right: 12px !important;
}

.ts-tk-form .select2-container .select2-selection .select2-selection__arrow b {
  border-color: #ffffff transparent transparent transparent !important;
  border-width: 6px 5px 0 5px !important;
  margin-top: -2px !important;
}

.ts-tk-form
  .select2-container--open
  .select2-selection
  .select2-selection__arrow
  b {
  border-color: transparent transparent #ffffff transparent !important;
  border-width: 0 5px 6px 5px !important;
}

.ts-tk-form .control-label,
.ts-tk-form #ticket-fields .control-label,
.ts-tk-form #ticket-fields label {
  display: block;
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  color: #f5f6f7;
}

.ts-tk-form .form-control,
.ts-tk-form #ticket-fields .form-control,
.ts-tk-form #ticket-fields input,
.ts-tk-form #ticket-fields select,
.ts-tk-form #ticket-fields textarea {
  height: 56px !important;
  border-radius: 16px !important;
  border: none !important;
  background: rgba(121, 121, 121, 0.16) !important;
  backdrop-filter: blur(40px);
  color: #f5f6f7 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  padding: 16px 18px !important;
  box-shadow: none !important;
}

.ts-tk-form textarea.form-control,
.ts-tk-form #ticket-fields textarea {
  height: auto !important;
  min-height: 140px;
  resize: vertical;
}

.ts-tk-form .form-control:focus,
.ts-tk-form #ticket-fields .form-control:focus,
.ts-tk-form #ticket-fields input:focus,
.ts-tk-form #ticket-fields select:focus,
.ts-tk-form #ticket-fields textarea:focus {
  outline: none !important;
  box-shadow: 0 0 0 1.5px rgba(190, 14, 75, 0.55) !important;
}

.ts-tk-form .form-control::placeholder,
.ts-tk-form #ticket-fields .form-control::placeholder {
  color: rgba(245, 246, 247, 0.45);
}

.ts-tk-form select.form-control,
.ts-tk-form #ticket-fields select,
.ts-tk-form #ticket-fields select.form-control {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 18px center !important;
  background-size: 12px 8px !important;
  padding-right: 44px !important;
}

.ts-rtl .ts-tk-form select.form-control,
.ts-rtl .ts-tk-form #ticket-fields select {
  background-position: left 18px center !important;
  padding-right: 18px !important;
  padding-left: 44px !important;
}

.ts-tk-form .alert {
  border-radius: 12px;
}

.ts-tk-actions {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  margin-top: 12px;
}

.ts-tk-attach {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Before upload: keep hit-target overlay out of flow so Attach lines up with Submit */
.ts-tk-attach:not(.has-files),
.ts-vt-attach:not(.has-files) {
  gap: 0;
}

.ts-tk-attach:not(.has-files) .tickets-uploader,
.ts-vt-attach:not(.has-files) .tickets-uploader {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 56px;
  min-height: 56px;
  margin: 0;
  padding: 0;
  gap: 0;
  z-index: 5;
}

.ts-tk-files-shelf,
.ts-vt-files-shelf {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.ts-tk-files-shelf:empty,
.ts-vt-files-shelf:empty {
  display: none;
}

.ts-tk-files-shelf .files-item,
.ts-vt-files-shelf .files-item,
.ts-tk-attach .tickets-uploader .files-item,
.ts-vt-attach .tickets-uploader .files-item {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 10px;
  width: 100%;
  min-height: 56px;
  margin: 0;
  padding: 12px 44px 12px 16px;
  border-radius: 16px;
  border: 1.5px dashed #be0e4b;
  background: linear-gradient(
    90deg,
    rgba(190, 14, 75, 0.2) 0%,
    rgba(145, 19, 63, 0.2) 100%
  );
  color: #f5f6f7;
  font-size: 14px;
  line-height: 1.4;
  word-break: break-word;
  box-sizing: border-box;
}

.ts-tk-files-shelf .files-item a,
.ts-vt-files-shelf .files-item a,
.ts-tk-attach .tickets-uploader .files-item a,
.ts-vt-attach .tickets-uploader .files-item a {
  color: #6cb6ff;
  text-decoration: underline;
  max-width: calc(100% - 8px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ts-tk-file-remove {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  flex-shrink: 0;
  z-index: 2;
}

.ts-tk-file-remove:hover {
  background: rgba(190, 14, 75, 0.85);
  color: #fff;
}

/* Hide Attach control once files are present */
.ts-tk-attach.has-files .ts-tk-attach__face,
.ts-vt-attach.has-files .ts-vt-attach__face,
.ts-tk-attach.has-files #uploader-button,
.ts-tk-attach.has-files .tickets-uploader #uploader-button,
.ts-tk-attach.has-files .tickets-uploader .files-wrapper > button,
.ts-tk-attach.has-files .tickets-uploader > button,
.ts-tk-attach.has-files .tickets-uploader input[type='file'],
.ts-vt-attach.has-files #uploader-button,
.ts-vt-attach.has-files .tickets-uploader #uploader-button,
.ts-vt-attach.has-files .tickets-uploader .files-wrapper > button,
.ts-vt-attach.has-files .tickets-uploader > button,
.ts-vt-attach.has-files .tickets-uploader input[type='file'] {
  display: none !important;
  pointer-events: none !important;
  opacity: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
}

.ts-tk-attach.has-files .tickets-uploader,
.ts-vt-attach.has-files .tickets-uploader {
  min-height: 0;
  height: 0;
  overflow: hidden;
}

.ts-tk-attach__face {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  box-sizing: border-box;
  height: 56px;
  min-height: 56px;
  max-height: 56px;
  border-radius: 12px;
  border: 1.5px dashed #be0e4b;
  background: linear-gradient(
    90deg,
    rgba(190, 14, 75, 0.2) 0%,
    rgba(145, 19, 63, 0.2) 100%
  );
  pointer-events: none;
}

.ts-tk-attach__icon {
  width: 24px;
  height: 24px;
  object-fit: contain;
  flex-shrink: 0;
}

.ts-tk-attach__label {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
}

.ts-tk-attach .tickets-uploader {
  position: static;
  z-index: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  min-height: 0;
}

/* Native Perfect Panel uploader button — always sits on top of our attach face (invisible hit target) */
.ts-tk-attach #uploader-button,
.ts-tk-attach .tickets-uploader #uploader-button,
.ts-tk-attach .tickets-uploader .files-wrapper > button,
.ts-tk-attach .tickets-uploader .files-wrapper > label,
.ts-tk-attach .tickets-uploader > button,
.ts-tk-attach .tickets-uploader > label,
.ts-tk-attach .tickets-uploader .btn,
.ts-tk-attach .tickets-uploader [type='button'],
.ts-tk-attach .tickets-uploader [role='button'] {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  top: auto !important;
  width: 100% !important;
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  cursor: pointer !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  z-index: 5 !important;
  overflow: hidden !important;
  align-self: stretch !important;
}

.ts-tk-attach #uploader-button *,
.ts-tk-attach .tickets-uploader #uploader-button *,
.ts-tk-attach .tickets-uploader .files-wrapper > button * {
  opacity: 0 !important;
  visibility: hidden !important;
}

.ts-tk-attach .tickets-uploader input[type='file'] {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  top: auto !important;
  width: 100% !important;
  height: 56px !important;
  opacity: 0 !important;
  cursor: pointer !important;
  z-index: 6 !important;
}

.ts-tk-attach .tickets-uploader .files-wrapper,
.ts-tk-attach .tickets-uploader ul,
.ts-tk-attach .tickets-uploader .files,
.ts-tk-attach .tickets-uploader .uploader-files,
.ts-tk-attach .tickets-uploader .tickets-uploader-files,
.ts-tk-attach .tickets-uploader .TicketsUploader-list {
  position: static;
  z-index: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  opacity: 1 !important;
  background: transparent !important;
  border: none !important;
  min-height: 0 !important;
}

.ts-tk-attach .tickets-uploader .files-item,
.ts-tk-attach .tickets-uploader .files-wrapper .files-item,
.ts-tk-attach .tickets-uploader li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
  width: 100%;
  margin: 0;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(121, 121, 121, 0.18);
  color: #f5f6f7;
  font-size: 14px;
  line-height: 1.4;
  word-break: break-word;
  box-sizing: border-box;
}

.ts-tk-attach .tickets-uploader .files-item a,
.ts-tk-attach .tickets-uploader .files-wrapper .files-item a {
  color: #6cb6ff;
  text-decoration: underline;
  max-width: 100%;
}

.ts-tk-submit.btn-primary {
  flex: 1 1 0;
  align-self: flex-start;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box !important;
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  min-width: 0;
  margin: 0 !important;
  padding: 0 24px !important;
  border: none !important;
  border-radius: 12px !important;
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%) !important;
  color: #fff !important;
  font-size: 18px;
  font-weight: 600;
  line-height: 1 !important;
  text-shadow: 0 1.35px 4.05px rgba(14, 35, 22, 0.2);
  box-shadow: none !important;
  text-transform: none;
}

.ts-tk-submit.btn-primary:hover,
.ts-tk-submit.btn-primary:focus {
  filter: brightness(1.08);
  color: #fff !important;
}

.ts-tk-board {
  border-radius: 16px;
  overflow: auto;
  background: rgba(122, 122, 122, 0.14);
  flex: 1 1 0;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  min-height: 280px;
  max-height: none;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.08);
}

.ts-tk-board::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.ts-tk-board::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.06);
  border-radius: 100px;
}

.ts-tk-board::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.35);
  border-radius: 100px;
}

.ts-tk-table {
  width: max-content;
  min-width: 100%;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  color: #f5f6f7;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: auto;
}

.ts-tk-table > thead > tr {
  background: #be0e4b !important;
}

.ts-tk-table > thead > tr > th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #be0e4b !important;
  background-image: none !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  border: none !important;
  padding: 22px 24px !important;
  white-space: nowrap;
  vertical-align: middle !important;
}

.ts-tk-table > thead > tr > th:first-child {
  border-top-left-radius: 16px;
}

.ts-tk-table > thead > tr > th:last-child {
  border-top-right-radius: 16px;
}

.ts-tk-table > tbody > tr > td {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.24) !important;
  padding: 22px 24px !important;
  color: #f5f6f7 !important;
  font-size: 14px;
  font-weight: 500;
  vertical-align: middle !important;
  transition: background 0.15s ease;
}

.ts-tk-table > tbody > tr:not(.ts-tk-empty-row):hover > td {
  background: rgba(190, 14, 75, 0.14) !important;
}

.ts-tk-table > tbody > tr.ts-tk-row[data-href] {
  cursor: pointer;
}

.ts-tk-table > tbody > tr.ts-tk-row[data-href]:focus {
  outline: none;
}

.ts-tk-table > tbody > tr.ts-tk-row[data-href]:focus-visible > td {
  background: rgba(190, 14, 75, 0.18) !important;
}

.ts-tk-table > thead > tr > th:nth-child(1),
.ts-tk-table > tbody > tr > td:nth-child(1) {
  width: 1%;
  white-space: nowrap;
}

.ts-tk-table > thead > tr > th:nth-child(3),
.ts-tk-table > tbody > tr > td:nth-child(3),
.ts-tk-table > thead > tr > th:nth-child(4),
.ts-tk-table > tbody > tr > td:nth-child(4) {
  white-space: nowrap;
}

.ts-tk-table > tbody > tr:last-child > td,
.ts-tk-table > tbody > tr.ts-tk-empty-row > td,
.ts-tk-table > tbody > tr.ts-is-last-visible > td {
  border-bottom: none !important;
}

.ts-tk-subject {
  max-width: 240px;
}

.ts-tk-subject a {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #be0e4b !important;
  -webkit-text-fill-color: #be0e4b !important;
  text-decoration: none !important;
  transition:
    color 0.15s ease,
    -webkit-text-fill-color 0.15s ease;
}

.ts-tk-subject a:hover {
  color: #ff4a89 !important;
  -webkit-text-fill-color: #ff4a89 !important;
}

.ts-tk-empty {
  padding: 12px 0;
  text-align: center;
}

.ts-tk-empty__title {
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}

.ts-tk-empty__desc {
  margin: 0;
  font-size: 14px;
  color: var(--ts-body);
}

.ts-tk-content {
  margin-bottom: 28px;
  color: #dfe0e4;
}

.ts-tickets .ts-ord-pagination {
  flex-shrink: 0;
  justify-content: center;
  gap: 6px;
  margin: 0 !important;
  width: 100%;
}

.ts-tickets .ts-ord-pagination > li > a,
.ts-tickets .ts-ord-pagination > li > span {
  min-width: 36px;
  height: 36px;
  padding: 0 10px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
}

@media (max-width: 1440px) {
  /* Tickets: keep laptop 2-col, compact to fit */
  .ts-tk-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px;
    margin-bottom: 20px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .ts-tickets .ts-tk-create,
  .ts-tickets .ts-tk-history {
    padding: 18px 16px;
    gap: 18px;
    border-radius: 20px;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }

  .ts-tickets .ts-tk-history {
    height: 0;
    min-height: 100%;
    max-height: none;
    overflow: hidden;
  }

  .ts-tk-create__head {
    padding: 6px 6px 6px 12px;
    gap: 8px;
  }

  .ts-tk-history__head {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    flex-shrink: 0;
    height: auto;
    min-height: 0;
    max-height: none;
    padding: 10px 12px;
    gap: 10px;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    overflow: visible;
  }

  .ts-tk-create__title,
  .ts-tk-history__title {
    font-size: 15px;
  }

  .ts-tk-support {
    gap: 4px;
    padding: 5px;
  }

  .ts-tk-support__btn {
    height: 36px;
    padding: 3px 8px 3px 3px;
  }

  .ts-tk-support__icon {
    width: 28px;
    height: 28px;
  }

  .ts-tk-support__icon img {
    width: 18px;
    height: 18px;
  }

  .ts-tk-support__label {
    font-size: 12px;
  }

  .ts-tk-filters {
    display: flex;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    gap: 4px;
    padding: 4px;
    box-sizing: border-box;
  }

  .ts-tk-filters__btn {
    flex: 1 1 0;
    min-width: 0;
    height: 32px;
    padding: 4px 8px;
    font-size: 12px;
  }

  .ts-tk-form .form-group,
  .ts-tk-form #ticket-fields > div,
  .ts-tk-form #ticket-fields .form-group {
    margin-bottom: 14px;
  }

  .ts-tk-form .control-label,
  .ts-tk-form #ticket-fields .control-label,
  .ts-tk-form #ticket-fields label {
    font-size: 13px;
    margin-bottom: 8px;
  }

  .ts-tk-submit.btn-primary {
    font-size: 16px;
  }

  .ts-tk-board {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    flex: 1 1 0;
    min-height: 280px;
    overflow-x: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .ts-tk-table {
    width: max-content;
    min-width: 100%;
    table-layout: auto;
  }

  .ts-tk-table > thead > tr > th,
  .ts-tk-table > tbody > tr > td {
    padding: 12px 14px !important;
    font-size: 13px !important;
    overflow: visible;
    text-overflow: unset;
  }

  .ts-tk-table > thead > tr > th {
    white-space: nowrap;
  }

  .ts-tk-subject {
    max-width: 180px;
  }

  .ts-tk-search {
    margin-bottom: 18px;
    padding: 10px;
  }
}

@media (max-width: 1024px) {
  .ts-tk-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .ts-tickets .ts-tk-history {
    height: auto;
    min-height: 0;
    max-height: none;
    overflow: visible;
  }

  .ts-tk-board {
    flex: none;
    height: auto;
    min-height: 0;
    max-height: none;
    overflow-x: auto;
    overflow-y: visible;
    overscroll-behavior: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 900px) {
  .ts-tickets {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
  }

  .ts-tickets .ts-svc-hero {
    height: auto;
    min-height: 0;
    max-height: none;
    margin: 0 0 16px;
    padding: 16px;
    border-radius: 16px;
  }

  .ts-tickets .ts-svc-hero__title {
    font-size: 22px;
  }

  .ts-tickets .ts-svc-hero__desc {
    font-size: 13px;
    line-height: 1.4;
    white-space: normal;
  }

  .ts-tk-search {
    margin-bottom: 16px;
    padding: 10px;
    border-radius: 14px;
  }

  .ts-tk-search__input {
    height: 48px !important;
    font-size: 13px !important;
    padding: 10px 72px 10px 14px !important;
  }

  .ts-rtl .ts-tk-search__input {
    padding: 10px 14px 10px 72px !important;
  }

  .ts-tk-search__btn {
    width: 52px;
    height: 34px;
  }

  .ts-tk-grid {
    gap: 16px;
    margin-bottom: 20px;
  }

  .ts-tickets .ts-tk-create,
  .ts-tickets .ts-tk-history {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    border-radius: 20px;
    padding: 16px;
    gap: 18px;
  }

  .ts-tickets .ts-tk-create {
    overflow: visible;
  }

  .ts-tickets .ts-tk-history {
    max-height: none;
    height: auto;
    min-height: 0;
    overflow: visible;
    display: flex;
    flex-direction: column;
  }

  .ts-tk-create__head,
  .ts-tk-history__head {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding: 10px;
    height: auto;
    min-height: 0;
    max-height: none;
    border-radius: 12px;
    overflow: visible;
  }

  .ts-tk-create__title,
  .ts-tk-history__title {
    font-size: 15px;
    white-space: normal;
  }

  .ts-tk-support,
  .ts-tk-filters {
    display: flex;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    gap: 6px;
    padding: 4px;
    overflow: visible;
    box-sizing: border-box;
  }

  .ts-tk-support__btn {
    flex: 1 1 0;
    min-width: 0;
    height: 40px;
    padding: 4px 6px 4px 4px;
    justify-content: center;
  }

  .ts-tk-support__label {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .ts-tk-support__icon {
    width: 28px;
    height: 28px;
  }

  .ts-tk-support__icon img {
    width: 18px;
    height: 18px;
  }

  .ts-tk-filters__btn {
    flex: 1 1 0;
    min-width: 0;
    height: 36px;
    padding: 6px 8px;
    font-size: 12px;
    text-align: center;
  }

  .ts-tk-form .form-group,
  .ts-tk-form #ticket-fields > div,
  .ts-tk-form #ticket-fields .form-group {
    margin-bottom: 14px;
  }

  .ts-tk-form .control-label,
  .ts-tk-form #ticket-fields .control-label,
  .ts-tk-form #ticket-fields label {
    font-size: 13px;
    margin-bottom: 8px;
  }

  html body.ts-body .ts-tickets .ts-tk-form .form-control,
  html body.ts-body .ts-tickets .ts-tk-form #ticket-fields .form-control,
  html body.ts-body .ts-tickets .ts-tk-form #ticket-fields input,
  html body.ts-body .ts-tickets .ts-tk-form #ticket-fields select,
  html body.ts-body .ts-tickets .ts-tk-form #ticket-fields textarea,
  html
    body.ts-body
    .ts-tickets
    .ts-tk-form
    .select2-container
    .select2-selection,
  html
    body.ts-body
    .ts-tickets
    .ts-tk-form
    .select2-container--default
    .select2-selection--single {
    height: 44px !important;
    min-height: 44px !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    border-radius: 10px !important;
  }

  html
    body.ts-body
    .ts-tickets
    .ts-tk-form
    .select2-container
    .select2-selection
    .select2-selection__rendered {
    line-height: 44px !important;
    padding-left: 14px !important;
  }

  html
    body.ts-body
    .ts-tickets
    .ts-tk-form
    .select2-container
    .select2-selection
    .select2-selection__arrow {
    height: 44px !important;
  }

  html body.ts-body .ts-tickets .ts-tk-form textarea.form-control,
  html body.ts-body .ts-tickets .ts-tk-form #ticket-fields textarea {
    height: auto !important;
    min-height: 110px !important;
    padding: 10px 14px !important;
  }

  html body.ts-body .ts-tickets .ts-tk-form select.form-control,
  html body.ts-body .ts-tickets .ts-tk-form #ticket-fields select,
  html body.ts-body .ts-tickets .ts-tk-form #ticket-fields select.form-control {
    background-position: right 14px center !important;
    padding-right: 36px !important;
  }

  .ts-tk-actions {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .ts-tk-attach,
  .ts-tk-submit.btn-primary {
    width: 100%;
    max-width: 100%;
    flex: none;
  }

  .ts-tk-submit.btn-primary {
    font-size: 16px;
  }

  .ts-tk-board {
    overflow-x: auto;
    overflow-y: visible;
    overscroll-behavior: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 0;
    height: auto;
    max-height: none;
    flex: none;
    border-radius: 12px;
  }

  .ts-tk-table {
    width: max-content;
    min-width: 560px;
    table-layout: auto;
  }

  .ts-tk-table > thead > tr > th,
  .ts-tk-table > tbody > tr > td {
    padding: 12px 14px !important;
    font-size: 13px !important;
    overflow: visible;
    text-overflow: unset;
  }

  .ts-tk-subject {
    max-width: 160px;
  }

  .ts-tk-table > thead > tr > th {
    padding: 14px 12px !important;
    font-size: 13px !important;
  }

  .ts-tk-table > tbody > tr > td {
    padding: 14px 12px !important;
    font-size: 13px;
  }

  .ts-tk-content {
    padding: 16px;
    border-radius: 16px;
    overflow-x: auto;
    word-break: break-word;
  }
}

@media (max-width: 768px) {
  .ts-tk-support__label {
    font-size: 11px;
  }

  .ts-tk-attach__label {
    font-size: 13px;
  }
}

/* —— View ticket (Figma 635:83192) —— */
.ts-viewticket .ts-svc-hero {
  margin-bottom: 28px;
}

.ts-vt-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 24px;
  align-items: start;
  margin-bottom: 28px;
}

.ts-viewticket .ts-vt-chat,
.ts-viewticket .ts-vt-info {
  border-radius: 24px;
  background: rgba(101, 101, 101, 0.15);
  border: 0.5px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 2px 6px rgba(195, 195, 195, 0.1);
}

.ts-viewticket .ts-vt-chat {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-height: 700px;
  padding: 28px 20px 34px;
}

.ts-viewticket .ts-vt-info {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 28px 20px 24px;
}

.ts-vt-chat__head {
  display: flex;
  align-items: center;
  min-height: 70px;
  padding: 12px 18px;
  border-radius: 16px;
  background: rgba(197, 197, 197, 0.14);
  backdrop-filter: blur(20px);
}

.ts-vt-chat__title {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.48;
  color: #fff;
}

.ts-vt-thread {
  flex: 1;
  min-height: 280px;
  max-height: 420px;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  gap: 28px;
  padding-right: 6px;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.22) rgba(255, 255, 255, 0.06);
}

.ts-vt-thread::-webkit-scrollbar {
  width: 4px;
}

.ts-vt-thread::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.06);
  border-radius: 100px;
}

.ts-vt-thread::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.22);
  border-radius: 100px;
}

.ts-vt-thread::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.35);
}

.ts-vt-empty {
  padding: 24px 8px;
  color: rgba(245, 246, 247, 0.55);
  font-size: 14px;
}

.ts-vt-msg {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  width: 100%;
}

.ts-vt-msg--support {
  justify-content: flex-start;
}

.ts-vt-msg--user {
  flex-direction: column;
  align-items: stretch;
}

.ts-vt-msg__body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.ts-vt-msg__meta {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.ts-vt-msg--user .ts-vt-msg__meta {
  justify-content: flex-end;
}

.ts-vt-msg__name {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  background: linear-gradient(142deg, #ff608c 23%, #df1149 78%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.ts-vt-msg__time {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #fafafb;
}

.ts-vt-msg--user .ts-vt-msg__time {
  font-size: 12px;
}

.ts-vt-msg__avatar {
  flex-shrink: 0;
  overflow: hidden;
}

.ts-vt-msg__avatar--support {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 57px;
  height: 53px;
  border-radius: 12px;
  border: 0.5px solid #f3ddff;
  background: #faf0ff;
}

.ts-vt-msg__avatar--support span {
  font-family: 'Monda', var(--ts-font);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  background: linear-gradient(115deg, #ff608c 23%, #df1149 78%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.ts-vt-msg__avatar--user {
  display: inline-flex;
  width: 52px;
  height: 48px;
  border-radius: 8px;
  border: 0.7px solid rgba(255, 255, 255, 0.41);
  background: linear-gradient(
    96deg,
    rgba(255, 42, 99, 0.02) 2%,
    rgba(115, 19, 46, 0.3) 96%
  );
}

.ts-vt-msg__avatar--user img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.ts-vt-msg__bubble {
  width: 80%;
  max-width: 80%;
  padding: 20px;
  border-radius: 16px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.35;
  word-break: break-word;
  box-sizing: border-box;
}

.ts-vt-msg--support .ts-vt-msg__bubble {
  border: 0.2px solid rgba(236, 51, 94, 0.54);
  background: linear-gradient(
    90deg,
    rgba(190, 14, 75, 0.18) 0%,
    rgba(145, 19, 63, 0.18) 100%
  );
  opacity: 0.95;
  align-self: flex-start;
}

.ts-vt-msg--user .ts-vt-msg__bubble {
  border-radius: 12px;
  background: rgba(121, 121, 121, 0.16);
  align-self: flex-end;
  margin-left: auto;
}

.ts-vt-msg--support .ts-vt-msg__body .ts-vt-msg__bubble {
  width: 80%;
  max-width: 80%;
}

.ts-vt-msg__text p {
  margin: 0 0 0.35em;
}

.ts-vt-msg__text p:last-child {
  margin-bottom: 0;
}

.ts-vt-msg__files {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 14px;
}

.ts-vt-msg__files a {
  color: #ff608c !important;
  text-decoration: underline !important;
  font-size: 14px;
}

.ts-vt-reply {
  margin-top: auto;
}

.ts-vt-reply .alert {
  border-radius: 12px;
}

.ts-vt-reply__message {
  margin-bottom: 16px;
}

.ts-vt-reply .form-control {
  min-height: 110px !important;
  height: auto !important;
  border-radius: 16px !important;
  border: none !important;
  background: rgba(121, 121, 121, 0.16) !important;
  color: #f5f6f7 !important;
  font-size: 16px !important;
  padding: 16px 18px !important;
  box-shadow: none !important;
  resize: vertical;
}

.ts-vt-reply .form-control:focus {
  outline: none !important;
  box-shadow: 0 0 0 1.5px rgba(190, 14, 75, 0.55) !important;
}

.ts-vt-reply .form-control::placeholder {
  color: rgba(245, 246, 247, 0.45);
}

.ts-vt-actions {
  display: flex;
  align-items: flex-start;
  gap: 30px;
}

.ts-vt-attach {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ts-vt-attach__face {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  box-sizing: border-box;
  height: 56px;
  min-height: 56px;
  max-height: 56px;
  border-radius: 12px;
  border: 1.5px dashed #be0e4b;
  background: linear-gradient(
    90deg,
    rgba(190, 14, 75, 0.2) 0%,
    rgba(145, 19, 63, 0.2) 100%
  );
  pointer-events: none;
}

.ts-vt-attach__icon {
  width: 24px;
  height: 24px;
  object-fit: contain;
  flex-shrink: 0;
}

.ts-vt-attach__label {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
}

.ts-vt-attach .tickets-uploader {
  position: static;
  z-index: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  min-height: 0;
}

.ts-vt-attach #uploader-button,
.ts-vt-attach .tickets-uploader #uploader-button,
.ts-vt-attach .tickets-uploader .files-wrapper > button,
.ts-vt-attach .tickets-uploader .files-wrapper > label,
.ts-vt-attach .tickets-uploader > button,
.ts-vt-attach .tickets-uploader > label,
.ts-vt-attach .tickets-uploader .btn,
.ts-vt-attach .tickets-uploader [type='button'],
.ts-vt-attach .tickets-uploader [role='button'] {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  top: auto !important;
  width: 100% !important;
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  cursor: pointer !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  z-index: 5 !important;
  overflow: hidden !important;
  align-self: stretch !important;
}

.ts-vt-attach #uploader-button *,
.ts-vt-attach .tickets-uploader #uploader-button *,
.ts-vt-attach .tickets-uploader .files-wrapper > button * {
  opacity: 0 !important;
  visibility: hidden !important;
}

.ts-vt-attach .tickets-uploader input[type='file'] {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  top: auto !important;
  width: 100% !important;
  height: 56px !important;
  opacity: 0 !important;
  cursor: pointer !important;
  z-index: 6 !important;
}

.ts-vt-attach .tickets-uploader .files-wrapper,
.ts-vt-attach .tickets-uploader ul,
.ts-vt-attach .tickets-uploader .files,
.ts-vt-attach .tickets-uploader .uploader-files,
.ts-vt-attach .tickets-uploader .tickets-uploader-files,
.ts-vt-attach .tickets-uploader .TicketsUploader-list {
  position: static;
  z-index: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  opacity: 1 !important;
  background: transparent !important;
  border: none !important;
  min-height: 0 !important;
}

.ts-vt-attach .tickets-uploader .files-item,
.ts-vt-attach .tickets-uploader .files-wrapper .files-item,
.ts-vt-attach .tickets-uploader li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
  width: 100%;
  margin: 0;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(121, 121, 121, 0.18);
  color: #f5f6f7;
  font-size: 14px;
  line-height: 1.4;
  word-break: break-word;
  box-sizing: border-box;
}

.ts-vt-attach .tickets-uploader .files-item a,
.ts-vt-attach .tickets-uploader .files-wrapper .files-item a {
  color: #6cb6ff;
  text-decoration: underline;
  max-width: 100%;
}

.ts-vt-submit.btn-primary {
  flex: 1 1 0;
  align-self: flex-start;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box !important;
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  min-width: 0;
  margin: 0 !important;
  padding: 0 24px !important;
  border: none !important;
  border-radius: 12px !important;
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%) !important;
  color: #fff !important;
  font-size: 18px;
  font-weight: 600;
  line-height: 1 !important;
  text-shadow: 0 1.35px 4.05px rgba(14, 35, 22, 0.2);
  box-shadow: none !important;
  text-transform: none;
}

.ts-vt-submit.btn-primary:hover,
.ts-vt-submit.btn-primary:focus {
  filter: brightness(1.08);
  color: #fff !important;
}

.ts-vt-info__banner {
  display: flex;
  align-items: center;
  min-height: 70px;
  padding: 16px 20px;
  border-radius: 16px;
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
}

.ts-vt-info__title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  color: #fff;
}

.ts-vt-info__lead {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  color: rgba(235, 236, 239, 0.72);
}

.ts-vt-info__rows {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ts-vt-info__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 52px;
  padding: 12px 16px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(18, 18, 18, 0.55);
}

.ts-vt-info__label {
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 500;
  color: rgba(245, 246, 247, 0.72);
}

.ts-vt-info__pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 62%;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid currentColor;
  background: transparent;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ts-vt-info__pill--id {
  color: #ff8a3d;
}

.ts-vt-info__pill--subject {
  color: #5b9dff;
}

.ts-vt-info__pill--status {
  color: #ff5a6a;
}

.ts-vt-info__pill--priority {
  color: #ff7aa2;
}

.ts-vt-info__pill--dept {
  color: #3fd0d4;
}

.ts-vt-info__pill--time {
  color: #3ecf8e;
}

.ts-vt-note {
  margin-top: 4px;
  padding: 16px 18px;
  border-radius: 14px;
  border: 1px solid rgba(190, 14, 75, 0.55);
  background: rgba(190, 14, 75, 0.08);
}

.ts-vt-note__title {
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: 700;
  color: #be0e4b;
}

.ts-vt-note__text {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  color: rgba(255, 200, 214, 0.88);
}

.ts-viewticket .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.ts-rtl .ts-vt-msg--support {
  flex-direction: row-reverse;
}

.ts-rtl .ts-vt-msg--support .ts-vt-msg__meta,
.ts-rtl .ts-vt-msg--user .ts-vt-msg__meta {
  flex-direction: row-reverse;
}

.ts-rtl .ts-vt-info__row {
  flex-direction: row-reverse;
}

@media (max-width: 1440px) {
  /* View ticket: keep laptop 2-col, compact to fit */
  .ts-vt-grid {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 16px;
  }

  .ts-viewticket .ts-vt-chat,
  .ts-viewticket .ts-vt-info {
    padding: 18px 16px;
    border-radius: 20px;
  }

  .ts-viewticket .ts-vt-chat {
    gap: 16px;
    min-height: 560px;
  }

  .ts-vt-chat__head {
    padding: 8px 12px;
    min-height: 48px;
  }

  .ts-vt-chat__title {
    font-size: 15px;
  }

  .ts-vt-thread {
    padding: 12px;
    gap: 14px;
  }

  .ts-vt-msg__bubble {
    padding: 12px 14px;
    font-size: 13px;
  }

  .ts-vt-msg__name {
    font-size: 13px;
  }

  .ts-vt-msg__time {
    font-size: 11px;
  }

  .ts-vt-submit.btn-primary {
    font-size: 16px;
  }

  .ts-vt-info__banner {
    padding: 10px 14px;
  }

  .ts-vt-info__title {
    font-size: 15px;
  }

  .ts-vt-info__lead {
    font-size: 13px;
  }

  .ts-vt-info__label {
    font-size: 13px;
  }

  .ts-vt-info__pill {
    font-size: 12px;
  }

  .ts-vt-note {
    padding: 14px;
  }

  .ts-vt-note__title {
    font-size: 14px;
  }

  .ts-vt-note__text {
    font-size: 13px;
  }
}

@media (max-width: 1024px) {
  .ts-vt-grid {
    grid-template-columns: 1fr;
  }

  .ts-viewticket .ts-vt-chat {
    min-height: 0;
  }
}

@media (max-width: 900px) {
  .ts-viewticket {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
  }

  .ts-viewticket .ts-svc-hero {
    height: auto;
    min-height: 0;
    max-height: none;
    margin: 0 0 16px;
    padding: 16px;
    border-radius: 16px;
  }

  .ts-viewticket .ts-svc-hero__title {
    font-size: 22px;
  }

  .ts-viewticket .ts-svc-hero__desc {
    font-size: 13px;
    line-height: 1.4;
    white-space: normal;
  }

  .ts-vt-grid {
    gap: 16px;
    margin-bottom: 20px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .ts-viewticket .ts-vt-chat,
  .ts-viewticket .ts-vt-info {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    border-radius: 20px;
    padding: 18px 16px;
    overflow-x: hidden;
  }

  .ts-viewticket .ts-vt-info {
    gap: 16px;
  }

  .ts-viewticket .ts-vt-chat {
    gap: 16px;
    min-height: 0;
  }

  .ts-vt-chat__head {
    padding: 10px 12px;
    min-height: 0;
    border-radius: 12px;
  }

  .ts-vt-chat__title {
    font-size: 15px;
  }

  .ts-vt-thread {
    max-height: 360px;
    padding: 12px;
    gap: 14px;
    border-radius: 12px;
  }

  .ts-vt-msg {
    max-width: 100%;
    min-width: 0;
  }

  .ts-vt-msg__bubble {
    max-width: 100%;
    min-width: 0;
    padding: 12px 14px;
    font-size: 13px;
    box-sizing: border-box;
  }

  .ts-vt-msg__name {
    font-size: 13px;
  }

  .ts-vt-msg__time {
    font-size: 11px;
  }

  .ts-vt-msg__avatar--support,
  .ts-vt-msg__avatar--user {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
  }

  .ts-vt-msg__avatar--user img {
    width: 40px;
    height: 40px;
  }

  .ts-vt-msg__text {
    word-break: break-word;
    overflow-wrap: anywhere;
  }

  .ts-vt-msg__files a {
    word-break: break-all;
  }

  .ts-vt-reply .form-control {
    font-size: 14px !important;
    min-height: 110px;
  }

  .ts-vt-actions {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .ts-vt-attach,
  .ts-vt-submit.btn-primary {
    width: 100%;
    max-width: 100%;
    flex: none;
  }

  .ts-vt-submit.btn-primary {
    font-size: 16px;
  }

  .ts-vt-info__banner {
    padding: 14px 16px;
    border-radius: 12px;
  }

  .ts-vt-info__title {
    font-size: 15px;
  }

  .ts-vt-info__lead {
    font-size: 13px;
    padding: 0 2px;
  }

  .ts-vt-info__rows {
    gap: 10px;
  }

  .ts-vt-info__row {
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px 14px;
  }

  .ts-vt-info__label {
    font-size: 13px;
  }

  .ts-vt-info__pill {
    max-width: 100%;
    font-size: 12px;
    white-space: normal;
    word-break: break-word;
    text-align: right;
  }

  .ts-vt-note {
    padding: 14px;
    border-radius: 12px;
  }

  .ts-vt-note__title {
    font-size: 14px;
  }

  .ts-vt-note__text {
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  .ts-vt-msg--user .ts-vt-msg__meta,
  .ts-vt-msg--support .ts-vt-msg__meta {
    flex-wrap: wrap;
    gap: 4px 8px;
  }

  .ts-vt-info__pill--subject {
    max-width: 100%;
  }
}

/* Child Panel light — Figma 740:32448 */
.ts-body.is-light .ts-childpanel .ts-svc-hero {
  background-image: url('https://my-techsmm-com.ahmad-iftekhar2004.workers.dev/hero-light-bg.png') !important;
  background-color: #ffe8ef;
}

.ts-body.is-light .ts-childpanel .ts-svc-hero__title {
  color: #222e48;
}

.ts-body.is-light .ts-childpanel .ts-svc-hero__desc {
  color: #4f586d;
}

.ts-body.is-light .ts-childpanel .ts-cp-section {
  background: #ffffff;
  border: 0.8px solid #ededed;
  box-shadow: 0 2px 3px rgba(124, 124, 124, 0.1);
}

.ts-body.is-light .ts-childpanel .ts-cp-step {
  background: rgba(255, 178, 191, 0.37);
  border: 0.3px solid rgba(245, 62, 114, 0.81);
}

.ts-body.is-light .ts-childpanel .ts-cp-step__badge {
  background: #ffffff;
  color: #343e56;
}

.ts-body.is-light .ts-childpanel .ts-cp-step__text {
  color: #343e56;
}

.ts-body.is-light .ts-childpanel .ts-cp-form-card,
.ts-body.is-light .ts-childpanel .ts-cp-help-card {
  background: #ffffff !important;
  border: 0.5px solid rgba(255, 76, 124, 0.95) !important;
  box-shadow: none;
}

.ts-body.is-light .ts-childpanel .ts-cp-form-card__head,
.ts-body.is-light .ts-childpanel .ts-cp-help-card__head {
  background: linear-gradient(
    90deg,
    rgba(255, 74, 137, 0.24) 0%,
    rgba(205, 15, 81, 0.24) 100%
  );
  backdrop-filter: blur(20px);
  border: 1px solid rgba(103, 103, 103, 0.16);
}

.ts-body.is-light .ts-childpanel .ts-cp-form-card__title,
.ts-body.is-light .ts-childpanel .ts-cp-help-card__title {
  color: #222e48;
}

.ts-body.is-light .ts-childpanel .ts-cp-form .control-label {
  color: #343e56;
}

html body.ts-body.is-light .ts-childpanel .ts-cp-form .form-control {
  background: rgba(254, 178, 198, 0.14) !important;
  border: 0.5px solid #ff96b3 !important;
  color: #222e48 !important;
  -webkit-text-fill-color: #222e48 !important;
  caret-color: #222e48 !important;
}

html
  body.ts-body.is-light
  .ts-childpanel
  .ts-cp-form
  .form-control::placeholder {
  color: #4f586d !important;
  -webkit-text-fill-color: #4f586d !important;
  opacity: 1;
}

html body.ts-body.is-light .ts-childpanel .ts-cp-form .form-control:focus {
  border-color: #ff88a9 !important;
  box-shadow: 0 0 0 3px rgba(190, 14, 75, 0.12) !important;
}

html body.ts-body.is-light .ts-childpanel .ts-cp-form select.form-control {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23222e48' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

html body.ts-body.is-light .ts-childpanel .ts-cp-submit.btn-primary {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.ts-body.is-light .ts-childpanel .ts-cp-ns {
  background: #fdeff4;
}

.ts-body.is-light .ts-childpanel .ts-cp-ns__label {
  color: #343e56;
}

.ts-body.is-light .ts-childpanel .ts-cp-ns__list li {
  color: #4f586d;
}

.ts-body.is-light .ts-childpanel .ts-cp-help-body {
  background: #fdeff4;
}

.ts-body.is-light .ts-childpanel .ts-cp-help-body__text,
.ts-body.is-light .ts-childpanel .ts-cp-help-body__list {
  color: #4f586d;
}

.ts-body.is-light .ts-childpanel .ts-cp-help-body__features li {
  color: #4f586d;
}

.ts-body.is-light .ts-childpanel .ts-cp-cms {
  background: #ffffff;
  border: 0.5px solid #ff79a2;
  color: #343e56;
}

.ts-body.is-light .ts-childpanel .ts-cp-panels {
  background: rgba(164, 164, 164, 0.14);
}

html body.ts-body.is-light .ts-childpanel .ts-cp-panels .table {
  color: #343e56 !important;
}

html
  body.ts-body.is-light
  .ts-childpanel
  .ts-cp-panels
  .table
  > thead
  > tr
  > th {
  background: #be0e4b !important;
  background-image: none !important;
  color: #ffffff !important;
}

html
  body.ts-body.is-light
  .ts-childpanel
  .ts-cp-panels
  .table
  > tbody
  > tr
  > td {
  color: #343e56 !important;
  border-bottom-color: rgba(161, 161, 161, 0.3) !important;
}

.ts-body.is-light .ts-childpanel .ts-cp-faq__item {
  background: rgba(236, 130, 166, 0.14);
  border: 0.8px solid rgba(226, 27, 80, 0.51);
}

.ts-body.is-light .ts-childpanel .ts-cp-faq__btn {
  color: #222e48;
}

.ts-body.is-light .ts-childpanel .ts-cp-faq__q {
  color: #222e48;
}

.ts-body.is-light .ts-childpanel .ts-cp-faq__a {
  color: #4f586d;
}

/* —— Child Panel (Figma 635:83343) —— */
.ts-childpanel {
  min-width: 0;
}

.ts-childpanel .ts-svc-hero {
  margin-bottom: 28px;
}

.ts-cp-section {
  margin-bottom: 28px;
  padding: 24px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  background: rgba(200, 200, 200, 0.05);
}

.ts-cp-section__title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin: 0 0 24px;
}

.ts-cp-section__title-text {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.45;
  white-space: nowrap;
  background: linear-gradient(150deg, #ff608c 23%, #df1149 78%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.ts-cp-section__line {
  display: block;
  width: 108px;
  height: 1px;
  flex-shrink: 0;
  background: linear-gradient(
    90deg,
    transparent 0%,
    #be0e4b 50%,
    transparent 100%
  );
}

.ts-cp-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
}

.ts-cp-step {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-height: 120px;
  padding: 16px;
  border-radius: 18px;
  border: 0.3px solid rgba(197, 48, 90, 0.2);
  background: linear-gradient(
    137deg,
    rgba(41, 41, 41, 0.18) 19%,
    rgba(255, 255, 255, 0.084) 115%
  );
}

.ts-cp-step__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  padding: 10px 4px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

.ts-cp-step__text {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #dfe0e4;
}

.ts-cp-grid {
  display: grid;
  grid-template-columns: minmax(0, 880fr) minmax(0, 660fr);
  gap: 24px;
  align-items: start;
  margin-bottom: 28px;
  min-width: 0;
}

.ts-childpanel .ts-cp-form-card,
.ts-childpanel .ts-cp-help-card {
  border-radius: 24px;
  background: rgba(101, 101, 101, 0.15);
  border: 0.5px solid rgba(255, 255, 255, 0.25);
}

.ts-childpanel .ts-cp-form-card {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 100%;
  min-width: 0;
  padding: 28px 20px 34px;
}

.ts-childpanel .ts-cp-help-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 28px 20px 24px;
  border-radius: 28px;
  min-width: 0;
}

.ts-cp-form-card__head,
.ts-cp-help-card__head {
  display: flex;
  align-items: center;
  min-height: 70px;
  padding: 12px 18px;
  border-radius: 16px;
  background: rgba(131, 131, 131, 0.14);
  backdrop-filter: blur(20px);
}

.ts-cp-help-card__head {
  gap: 12px;
  padding: 16px 12px;
  border-radius: 14px;
  background: rgba(121, 121, 121, 0.16);
}

.ts-cp-form-card__title {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.48;
  color: #fff;
}

.ts-cp-help-card__icon {
  width: 28px;
  height: 28px;
  object-fit: contain;
  flex-shrink: 0;
}

.ts-cp-help-card__title {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.2px;
  color: #f5f6f7;
}

.ts-cp-form {
  width: 100%;
}

.ts-cp-form .form-group {
  width: 100%;
  margin-bottom: 24px;
  float: none;
  clear: both;
}

.ts-cp-form__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 24px;
  width: 100%;
  margin-bottom: 0;
}

.ts-cp-form__row > .form-group {
  width: auto;
  min-width: 0;
  margin-bottom: 24px;
}

.ts-cp-form .control-label {
  display: block;
  width: 100%;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #f5f6f7;
}

.ts-cp-form .form-control {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 64px !important;
  border-radius: 16px !important;
  border: none !important;
  background: rgba(121, 121, 121, 0.16) !important;
  backdrop-filter: blur(40px);
  color: #fafafb !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  padding: 16px 18px !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

.ts-cp-form .form-control:focus {
  outline: none !important;
  box-shadow: 0 0 0 1.5px rgba(190, 14, 75, 0.55) !important;
}

.ts-cp-form .form-control::placeholder {
  color: #d2d2d2;
}

.ts-cp-form select.form-control {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23be0e4b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 18px center !important;
  padding-right: 44px !important;
}

.ts-rtl .ts-cp-form select.form-control {
  background-position: left 18px center !important;
  padding-right: 18px !important;
  padding-left: 44px !important;
}

.ts-cp-form .alert {
  border-radius: 12px;
}

.ts-cp-submit.btn-primary {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 56px;
  margin-top: 6px;
  border: none;
  border-radius: 16px;
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%) !important;
  color: #fff !important;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  text-shadow: 0 1.35px 4.05px rgba(14, 35, 22, 0.2);
  box-shadow: none;
  text-transform: none;
}

.ts-cp-submit.btn-primary:hover,
.ts-cp-submit.btn-primary:focus {
  filter: brightness(1.08);
  color: #fff !important;
}

.ts-cp-ns {
  padding: 14px 18px;
  border-radius: 16px;
  background: rgba(215, 215, 215, 0.08);
  backdrop-filter: blur(25px);
}

.ts-cp-ns__label {
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #f5f6f7;
}

.ts-cp-ns__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ts-cp-ns__list li {
  font-size: 14px;
  line-height: 1.4;
  color: #ebecef;
  overflow-wrap: anywhere;
}

.ts-cp-help-body {
  padding: 18px;
  border-radius: 16px;
  background: rgba(215, 215, 215, 0.08);
  backdrop-filter: blur(25px);
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ts-cp-help-body__heading {
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  background: linear-gradient(173deg, #ff608c 23%, #df1149 78%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.ts-cp-help-body__text {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  color: #c1c4cc;
}

.ts-cp-help-body__list {
  margin: 0;
  padding: 0 0 0 18px;
  color: #c1c4cc;
  font-size: 14px;
  line-height: 1.4;
}

.ts-cp-help-body__list li + li {
  margin-top: 4px;
}

.ts-cp-help-body__features {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ts-cp-help-body__features li {
  position: relative;
  padding-left: 22px;
  font-size: 14px;
  line-height: 1.4;
  color: #c1c4cc;
}

.ts-cp-help-body__features li::before {
  content: '★';
  position: absolute;
  left: 0;
  top: 0;
  color: #f5c542;
  font-size: 12px;
  line-height: 1.5;
}

.ts-cp-help-body__thanks {
  margin: 0;
  font-family: 'Monda', var(--ts-font);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  background: linear-gradient(171deg, #ff608c 23%, #df1149 78%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.ts-cp-cms {
  margin-bottom: 28px;
  padding: 24px;
  border-radius: 24px;
  border: 0.5px solid rgba(255, 255, 255, 0.12);
  background: rgba(101, 101, 101, 0.15);
  color: #dfe0e4;
}

.ts-cp-panels {
  margin-bottom: 28px;
  overflow: hidden;
  border-radius: 16px;
  background: rgba(122, 122, 122, 0.14);
}

.ts-cp-panels .table {
  margin: 0 !important;
  background: transparent !important;
  color: #f5f6f7;
}

.ts-cp-panels .table > thead > tr > th {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%) !important;
  border: none !important;
  color: #fff !important;
  padding: 16px 18px !important;
}

.ts-cp-panels .table > tbody > tr > td {
  border: none !important;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.2) !important;
  padding: 16px 18px !important;
  color: #f5f6f7 !important;
  background: transparent !important;
}

.ts-cp-panels .btn {
  border-radius: 8px;
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  border: none;
  color: #fff !important;
}

.ts-cp-faq-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.ts-cp-faq {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.ts-cp-faq__item {
  border-radius: 14px;
  background: rgba(128, 128, 128, 0.14);
  backdrop-filter: blur(6px);
  overflow: hidden;
  padding-bottom: 0;
  transition: padding-bottom 0.38s ease;
}

.ts-cp-faq__item.is-open {
  padding-bottom: 24px;
}

.ts-cp-faq__btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  min-height: 54px;
  padding: 15px 20px;
  border: none;
  background: transparent;
  color: #f5f6f7;
  text-align: left;
  cursor: pointer;
}

.ts-cp-faq__q {
  min-width: 0;
  flex: 1;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.35;
}

.ts-cp-faq__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  border-radius: 3px 8px 3px 8px;
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  transition: transform 0.35s ease;
}

.ts-cp-faq__icon img {
  width: 18px;
  height: 18px;
  display: block;
}

.ts-cp-faq__item.is-open .ts-cp-faq__icon {
  transform: rotate(45deg);
}

.ts-cp-faq__a {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  padding: 0 20px;
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  color: #c1c4cc;
  transition:
    max-height 0.38s ease,
    opacity 0.28s ease;
}

.ts-cp-faq__item.is-open .ts-cp-faq__a {
  opacity: 1;
  padding: 4px 20px 0;
}

.ts-cp-alert {
  margin-bottom: 10px;
  border-radius: 12px;
}

@media (max-width: 1400px) {
  .ts-childpanel .ts-svc-hero {
    margin-bottom: 22px;
  }

  .ts-cp-grid {
    grid-template-columns: 1fr;
  }

  .ts-cp-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  .ts-cp-step {
    min-height: 0;
    gap: 16px;
  }

  .ts-cp-panels {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .ts-cp-panels .table {
    min-width: 640px;
  }
}

@media (max-width: 1024px) {
  .ts-cp-section {
    padding: 20px;
  }

  .ts-cp-section__title-text {
    font-size: 22px;
  }

  .ts-cp-section__line {
    width: 72px;
  }

  .ts-cp-faq-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

@media (max-width: 900px) {
  .ts-childpanel {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
  }

  .ts-childpanel .ts-svc-hero {
    height: auto;
    min-height: 0;
    max-height: none;
    margin: 0 0 16px;
    padding: 16px;
    border-radius: 16px;
  }

  .ts-childpanel .ts-svc-hero__title {
    font-size: 22px;
  }

  .ts-childpanel .ts-svc-hero__desc {
    font-size: 13px;
    line-height: 1.4;
    white-space: normal;
  }

  .ts-cp-alert {
    margin-bottom: 12px;
    font-size: 13px;
    word-break: break-word;
  }

  .ts-cp-section {
    margin-bottom: 16px;
    padding: 14px;
    border-radius: 16px;
  }

  .ts-cp-section__title {
    flex-wrap: nowrap;
    justify-content: center;
    gap: 10px;
    margin-bottom: 16px;
  }

  .ts-cp-section__title-text {
    white-space: normal;
    text-align: center;
    font-size: 18px;
    line-height: 1.3;
    min-width: 0;
  }

  .ts-cp-section__line {
    width: 40px;
    flex: 1 1 32px;
    min-width: 20px;
    max-width: 56px;
  }

  .ts-cp-steps,
  .ts-cp-faq-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .ts-cp-step {
    min-height: 0;
    gap: 12px;
    padding: 14px;
    border-radius: 14px;
  }

  .ts-cp-step__badge {
    width: 72px;
    padding: 8px 4px;
    font-size: 12px;
  }

  .ts-cp-step__text {
    font-size: 14px;
    line-height: 1.4;
  }

  .ts-cp-grid {
    gap: 14px;
    margin-bottom: 16px;
  }

  .ts-childpanel .ts-cp-form-card,
  .ts-childpanel .ts-cp-help-card {
    padding: 16px 14px 20px;
    gap: 18px;
    border-radius: 16px;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }

  .ts-cp-form-card__head,
  .ts-cp-help-card__head {
    min-height: 0;
    padding: 12px 14px;
    border-radius: 12px;
  }

  .ts-cp-form-card__title {
    font-size: 16px;
  }

  .ts-cp-help-card__title {
    font-size: 17px;
  }

  .ts-cp-help-card__icon {
    width: 24px;
    height: 24px;
  }

  .ts-cp-form .form-group {
    margin-bottom: 16px;
  }

  .ts-cp-form__row {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .ts-cp-form__row > .form-group {
    margin-bottom: 16px;
  }

  .ts-cp-form .control-label {
    margin-bottom: 10px;
    font-size: 14px;
  }

  .ts-cp-form .form-control {
    height: 48px !important;
    font-size: 14px !important;
    padding: 12px 14px !important;
    border-radius: 12px !important;
  }

  .ts-cp-form select.form-control {
    background-position: right 14px center !important;
    padding-right: 40px !important;
  }

  .ts-rtl .ts-cp-form select.form-control {
    background-position: left 14px center !important;
    padding-right: 14px !important;
    padding-left: 40px !important;
  }

  .ts-cp-submit.btn-primary {
    width: 100%;
    height: 48px;
    font-size: 15px;
    border-radius: 12px;
  }

  .ts-cp-ns,
  .ts-cp-help-body {
    padding: 12px;
    border-radius: 12px;
  }

  .ts-cp-ns__label,
  .ts-cp-help-body__text,
  .ts-cp-help-body__list,
  .ts-cp-help-body__features {
    font-size: 13px;
    line-height: 1.45;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .ts-cp-help-body__heading {
    font-size: 14px;
    line-height: 1.35;
  }

  .ts-cp-cms {
    margin-bottom: 16px;
    padding: 14px;
    border-radius: 14px;
    font-size: 13px;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .ts-cp-panels {
    margin-bottom: 16px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 12px;
  }

  .ts-cp-panels .table {
    min-width: 580px;
  }

  .ts-cp-panels .table > thead > tr > th,
  .ts-cp-panels .table > tbody > tr > td {
    padding: 12px 12px !important;
    font-size: 13px;
  }

  .ts-cp-faq {
    gap: 10px;
  }

  .ts-cp-faq__btn {
    min-height: 48px;
    padding: 12px 14px;
    gap: 10px;
  }

  .ts-cp-faq__q {
    font-size: 14px;
    line-height: 1.35;
  }

  .ts-cp-faq__icon {
    width: 26px;
    height: 26px;
  }

  .ts-cp-faq__icon img {
    width: 16px;
    height: 16px;
  }

  .ts-cp-faq__a {
    font-size: 13px;
    line-height: 1.45;
    padding-left: 14px;
    padding-right: 14px;
  }

  .ts-cp-faq__item.is-open .ts-cp-faq__a {
    padding: 4px 14px 0;
  }

  .ts-cp-faq__item.is-open {
    padding-bottom: 16px;
  }
}

@media (max-width: 576px) {
  .ts-cp-section__line {
    display: none;
  }

  .ts-cp-section__title-text {
    width: 100%;
    font-size: 17px;
  }

  .ts-cp-step__badge {
    width: 68px;
    font-size: 12px;
    padding: 8px 4px;
  }

  .ts-childpanel .ts-cp-form-card,
  .ts-childpanel .ts-cp-help-card {
    padding: 14px 12px 18px;
  }

  .ts-cp-form .form-control {
    height: 46px !important;
    font-size: 13px !important;
  }

  .ts-cp-submit.btn-primary {
    height: 46px;
    font-size: 14px;
  }
}

/* Affiliates light — Figma 748:99768 */
.ts-body.is-light .ts-affiliates .ts-svc-hero {
  background-image: url('https://my-techsmm-com.ahmad-iftekhar2004.workers.dev/hero-light-bg.png') !important;
  background-color: #ffe8ef;
}

.ts-body.is-light .ts-affiliates .ts-svc-hero__title {
  color: #222e48;
}

.ts-body.is-light .ts-affiliates .ts-svc-hero__desc {
  color: #4f586d;
}

.ts-body.is-light .ts-affiliates .ts-af-cms {
  background: #ffffff;
  border: 0.5px solid #ff79a2;
  color: #343e56;
}

.ts-body.is-light .ts-affiliates .ts-af-stat {
  border: 1.5px solid #fe5b89;
  background: linear-gradient(
    134deg,
    rgba(255, 179, 192, 0.3) 0%,
    rgba(255, 237, 240, 0.3) 100%
  );
  background-image: linear-gradient(
    134deg,
    rgba(255, 179, 192, 0.3) 0%,
    rgba(255, 237, 240, 0.3) 100%
  ) !important;
}

.ts-body.is-light .ts-affiliates .ts-af-stat__label {
  color: #222e48;
}

.ts-body.is-light .ts-affiliates .ts-af-stat__value {
  color: #4f586d;
}

.ts-body.is-light .ts-affiliates .ts-af-stat__copy {
  border-color: rgba(250, 58, 109, 0.95);
}

.ts-body.is-light .ts-affiliates .ts-af-stat__copy img {
  filter: brightness(0) saturate(100%) invert(14%) sepia(94%) saturate(3200%)
    hue-rotate(325deg) brightness(0.92);
}

.ts-body.is-light .ts-affiliates .ts-af-stat__copy.is-copied {
  border-color: #1f9d55;
  background: rgba(31, 157, 85, 0.14);
  color: #1f9d55;
}

.ts-body.is-light .ts-affiliates .ts-af-stat__copied-text {
  color: #1f9d55;
}

.ts-body.is-light .ts-affiliates .ts-af-stat__icon {
  background: linear-gradient(
    134deg,
    rgba(255, 179, 192, 0.55) 0%,
    rgba(255, 237, 240, 0.55) 100%
  );
}

.ts-body.is-light .ts-affiliates .ts-af-stat__icon img {
  filter: brightness(0) saturate(100%) invert(14%) sepia(94%) saturate(3200%)
    hue-rotate(325deg) brightness(0.92);
}

.ts-body.is-light .ts-affiliates .ts-af-section {
  background: #ffffff;
  border: 0.8px solid #ededed;
  box-shadow: 0 2px 3px rgba(124, 124, 124, 0.1);
}

.ts-body.is-light .ts-affiliates .ts-af-step {
  background: rgba(255, 178, 191, 0.37);
}

.ts-body.is-light .ts-affiliates .ts-af-step__badge {
  background: #ffffff;
  color: #343e56;
}

.ts-body.is-light .ts-affiliates .ts-af-step__text {
  color: #343e56;
}

.ts-body.is-light .ts-affiliates .ts-af-payments__title {
  color: #222e48;
}

.ts-body.is-light .ts-affiliates .ts-af-payments__board {
  background: rgba(164, 164, 164, 0.14);
}

html body.ts-body.is-light .ts-affiliates .ts-af-payments__table {
  color: #343e56 !important;
}

html
  body.ts-body.is-light
  .ts-affiliates
  .ts-af-payments__table
  > thead
  > tr
  > th {
  background: #be0e4b !important;
  color: #ffffff !important;
}

html
  body.ts-body.is-light
  .ts-affiliates
  .ts-af-payments__table
  > tbody
  > tr
  > td {
  color: #343e56 !important;
  border-bottom-color: rgba(161, 161, 161, 0.3) !important;
}

.ts-body.is-light .ts-affiliates .ts-af-faq__item {
  background: rgba(236, 130, 166, 0.14);
  border: 0.8px solid rgba(226, 27, 80, 0.2);
}

.ts-body.is-light .ts-affiliates .ts-af-faq__btn,
.ts-body.is-light .ts-affiliates .ts-af-faq__q {
  color: #222e48;
}

.ts-body.is-light .ts-affiliates .ts-af-faq__a {
  color: #4f586d;
}

@media (max-width: 900px) {
  .ts-body.is-light .ts-affiliates .ts-af-stat {
    background: linear-gradient(
      134deg,
      rgba(255, 179, 192, 0.3) 0%,
      rgba(255, 237, 240, 0.3) 100%
    );
    background-image: linear-gradient(
      134deg,
      rgba(255, 179, 192, 0.3) 0%,
      rgba(255, 237, 240, 0.3) 100%
    ) !important;
  }
}

/* —— Affiliates (Figma 635:83491) —— */
.ts-affiliates {
  min-width: 0;
}

.ts-affiliates .ts-svc-hero {
  margin-bottom: 28px;
}

.ts-af-cms {
  margin-bottom: 28px;
  padding: 24px;
  border-radius: 24px;
  border: 0.5px solid rgba(255, 255, 255, 0.12);
  background: rgba(101, 101, 101, 0.15);
  color: #dfe0e4;
}

.ts-af-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-bottom: 28px;
  min-width: 0;
}

.ts-af-stat {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 120px;
  padding: 20px;
  border-radius: 20px;
  border: none;
  background-color: #1a1420;
  background-image: url('https://my-techsmm-com.ahmad-iftekhar2004.workers.dev/affilates-card-bg.png');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}

html body.ts-body:not(.is-light) .ts-affiliates .ts-af-stat {
  background-color: #1a1420;
  background-image: url('https://my-techsmm-com.ahmad-iftekhar2004.workers.dev/affilates-card-bg.png') !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.ts-af-stat__body {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  flex: 1;
}

.ts-af-stat__label {
  margin: 0;
  font-family: 'Monda', var(--ts-font);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  color: #fff;
}

.ts-af-stat__value {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #d2d2d2;
}

.ts-af-stat__value-row {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.ts-af-stat__value--link {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ts-af-stat__copy-group {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.ts-af-stat__copied-text {
  display: none;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  color: #1f9d55;
  white-space: nowrap;
}

.ts-af-stat__copy-group.is-copied .ts-af-stat__copied-text {
  display: inline;
}

.ts-af-stat__copy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  padding: 0;
  border: 0.5px solid rgba(255, 255, 255, 0.37);
  border-radius: 4px;
  background: transparent;
  color: rgba(255, 255, 255, 0.85);
  cursor: pointer;
  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease;
}

.ts-af-stat__copy-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.ts-af-stat__copy-ico--check {
  display: none;
}

.ts-af-stat__copy img {
  width: 14px;
  height: 14px;
  display: block;
}

.ts-af-stat__copy.is-copied {
  border-color: #1f9d55;
  background: rgba(31, 157, 85, 0.22);
  color: #1f9d55;
}

.ts-af-stat__copy.is-copied .ts-af-stat__copy-ico--copy {
  display: none;
}

.ts-af-stat__copy.is-copied .ts-af-stat__copy-ico--check {
  display: inline-flex;
}

.ts-af-stat__icon {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  border-radius: 16px;
  background: linear-gradient(
    90deg,
    rgba(190, 14, 75, 0.5) 0%,
    rgba(145, 19, 63, 0.5) 100%
  );
}

.ts-af-stat__icon img {
  width: 28px;
  height: 28px;
  display: block;
  object-fit: contain;
}

.ts-af-payout {
  display: flex;
  justify-content: flex-end;
  margin: -12px 0 28px;
}

.ts-af-payout__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 180px;
  height: 48px;
  border: none;
  border-radius: 14px;
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%) !important;
  color: #fff !important;
  font-size: 16px;
  font-weight: 600;
  text-transform: none;
}

.ts-af-payout__btn:hover,
.ts-af-payout__btn:focus {
  filter: brightness(1.08);
  color: #fff !important;
}

.ts-af-section {
  margin-bottom: 28px;
  padding: 24px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  background: rgba(200, 200, 200, 0.05);
}

.ts-af-section__title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin: 0 0 24px;
}

.ts-af-section__title-text {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.45;
  white-space: nowrap;
  background: linear-gradient(150deg, #ff608c 23%, #df1149 78%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.ts-af-section__line {
  display: block;
  width: 108px;
  height: 1px;
  flex-shrink: 0;
  background: linear-gradient(
    90deg,
    transparent 0%,
    #be0e4b 50%,
    transparent 100%
  );
}

.ts-af-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
}

.ts-af-step {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-height: 0;
  padding: 16px;
  border-radius: 18px;
  border: 0.3px solid rgba(197, 48, 90, 0.2);
  background: linear-gradient(
    137deg,
    rgba(41, 41, 41, 0.18) 19%,
    rgba(255, 255, 255, 0.084) 115%
  );
}

.ts-af-step__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  padding: 10px 4px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

.ts-af-step__text {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #dfe0e4;
}

.ts-af-payments {
  margin-bottom: 28px;
}

.ts-af-payments__title {
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}

.ts-af-payments__board {
  overflow: hidden;
  border-radius: 16px;
  background: rgba(122, 122, 122, 0.14);
}

.ts-af-payments__table {
  margin: 0 !important;
  background: transparent !important;
  color: #f5f6f7;
}

.ts-af-payments__table > thead > tr > th {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%) !important;
  border: none !important;
  color: #fff !important;
  padding: 16px 18px !important;
}

.ts-af-payments__table > tbody > tr > td {
  border: none !important;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.2) !important;
  padding: 16px 18px !important;
  color: #f5f6f7 !important;
  background: transparent !important;
}

.ts-af-pagination {
  margin: 0 0 28px;
}

.ts-af-faq-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.ts-af-faq {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.ts-af-faq__item {
  border-radius: 14px;
  background: rgba(128, 128, 128, 0.14);
  backdrop-filter: blur(6px);
  overflow: hidden;
  padding-bottom: 0;
  transition: padding-bottom 0.38s ease;
}

.ts-af-faq__item.is-open {
  padding-bottom: 24px;
}

.ts-af-faq__btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  min-height: 54px;
  padding: 15px 20px;
  border: none;
  background: transparent;
  color: #f5f6f7;
  text-align: left;
  cursor: pointer;
}

.ts-af-faq__q {
  min-width: 0;
  flex: 1;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.35;
}

.ts-af-faq__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  border-radius: 3px 8px 3px 8px;
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  transition: transform 0.35s ease;
}

.ts-af-faq__icon img {
  width: 18px;
  height: 18px;
  display: block;
}

.ts-af-faq__item.is-open .ts-af-faq__icon {
  transform: rotate(45deg);
}

.ts-af-faq__a {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  padding: 0 20px;
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  color: #c1c4cc;
  transition:
    max-height 0.38s ease,
    opacity 0.28s ease;
}

.ts-af-faq__item.is-open .ts-af-faq__a {
  opacity: 1;
  padding: 4px 20px 0;
}

@media (max-width: 1400px) {
  .ts-affiliates .ts-svc-hero {
    margin-bottom: 22px;
  }

  .ts-af-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
  }

  .ts-af-stat {
    min-height: 108px;
    padding: 16px;
  }

  .ts-af-stat__label {
    font-size: 16px;
  }

  .ts-af-section {
    padding: 20px;
  }

  .ts-af-steps {
    gap: 20px;
  }

  .ts-af-payments__board {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .ts-af-payments__table {
    min-width: 560px;
  }
}

@media (max-width: 1200px) {
  .ts-af-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ts-af-steps {
    grid-template-columns: 1fr;
  }

  .ts-af-faq-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

@media (max-width: 1024px) {
  .ts-af-cms {
    margin-bottom: 20px;
    padding: 18px;
    border-radius: 18px;
  }

  .ts-af-section__title-text {
    font-size: 22px;
  }

  .ts-af-section__line {
    width: 72px;
  }
}

@media (max-width: 900px) {
  .ts-affiliates {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
  }

  .ts-affiliates .ts-svc-hero {
    height: auto;
    min-height: 0;
    max-height: none;
    margin: 0 0 16px;
    padding: 16px;
    border-radius: 16px;
  }

  .ts-affiliates .ts-svc-hero__title {
    font-size: 22px;
  }

  .ts-affiliates .ts-svc-hero__desc {
    font-size: 13px;
    line-height: 1.4;
    white-space: normal;
  }

  .ts-af-cms {
    margin-bottom: 16px;
    padding: 14px;
    border-radius: 14px;
    font-size: 13px;
    line-height: 1.5;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .ts-af-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 16px;
  }

  .ts-af-stat {
    min-height: 0;
    min-width: 0;
    padding: 12px 10px;
    gap: 8px;
    border-radius: 14px;
    background-image: url('https://my-techsmm-com.ahmad-iftekhar2004.workers.dev/affilates-card-bg.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .ts-af-stat__body {
    gap: 6px;
  }

  .ts-af-stat__label {
    font-size: 13px;
    line-height: 1.3;
  }

  .ts-af-stat__value {
    font-size: 12px;
    line-height: 1.35;
  }

  .ts-af-stat__value-row {
    gap: 8px;
  }

  .ts-af-stat__value--link {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    overflow-wrap: anywhere;
    word-break: break-all;
    line-height: 1.35;
  }

  .ts-af-stat__icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
  }

  .ts-af-stat__icon img {
    width: 18px;
    height: 18px;
  }

  .ts-af-payout {
    justify-content: stretch;
    margin: 0 0 16px;
  }

  .ts-af-payout__btn {
    width: 100%;
    min-width: 0;
    height: 44px;
    font-size: 15px;
  }

  .ts-af-section {
    margin-bottom: 16px;
    padding: 14px;
    border-radius: 16px;
  }

  .ts-af-section__title {
    flex-wrap: nowrap;
    justify-content: center;
    gap: 10px;
    margin-bottom: 16px;
  }

  .ts-af-section__title-text {
    white-space: normal;
    text-align: center;
    font-size: 18px;
    line-height: 1.3;
    min-width: 0;
  }

  .ts-af-section__line {
    width: 40px;
    flex: 1 1 32px;
    min-width: 20px;
    max-width: 56px;
  }

  .ts-af-steps,
  .ts-af-faq-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .ts-af-step {
    gap: 12px;
    padding: 14px;
    border-radius: 14px;
  }

  .ts-af-step__badge {
    width: 72px;
    padding: 8px 4px;
    font-size: 12px;
  }

  .ts-af-step__text {
    font-size: 14px;
    line-height: 1.4;
  }

  .ts-af-payments {
    margin-bottom: 16px;
  }

  .ts-af-payments__title {
    font-size: 16px;
    margin-bottom: 12px;
  }

  .ts-af-payments__board {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 12px;
  }

  .ts-af-payments__table {
    min-width: 480px;
  }

  .ts-af-payments__table > thead > tr > th,
  .ts-af-payments__table > tbody > tr > td {
    padding: 12px 14px !important;
    font-size: 13px !important;
  }

  .ts-af-pagination {
    margin-bottom: 16px;
  }

  .ts-af-faq {
    gap: 10px;
  }

  .ts-af-faq__btn {
    min-height: 48px;
    padding: 12px 14px;
    gap: 10px;
  }

  .ts-af-faq__q {
    font-size: 14px;
    line-height: 1.35;
  }

  .ts-af-faq__icon {
    width: 26px;
    height: 26px;
  }

  .ts-af-faq__icon img {
    width: 16px;
    height: 16px;
  }

  .ts-af-faq__a {
    font-size: 13px;
    line-height: 1.45;
    padding-left: 14px;
    padding-right: 14px;
  }

  .ts-af-faq__item.is-open .ts-af-faq__a {
    padding: 4px 14px 0;
  }

  .ts-af-faq__item.is-open {
    padding-bottom: 16px;
  }
}

@media (max-width: 576px) {
  .ts-af-stats {
    gap: 8px;
  }

  .ts-af-stat {
    padding: 12px 10px;
  }

  .ts-af-stat__label {
    font-size: 12px;
  }

  .ts-af-stat__value {
    font-size: 11px;
  }

  .ts-af-stat__icon {
    width: 32px;
    height: 32px;
    border-radius: 8px;
  }

  .ts-af-stat__icon img {
    width: 16px;
    height: 16px;
  }

  .ts-af-section__line {
    display: none;
  }

  .ts-af-section__title-text {
    width: 100%;
    font-size: 17px;
  }

  .ts-af-step__badge {
    width: 68px;
    font-size: 12px;
    padding: 8px 4px;
  }
}

html body.ts-body.is-light .ts-affiliates .ts-af-stat {
  border: 1.5px solid rgba(254, 91, 137, 0.3) !important;
  background: linear-gradient(
    134deg,
    rgba(255, 179, 192, 0.3) 0%,
    rgba(255, 237, 240, 0.3) 100%
  ) !important;
  background-image: linear-gradient(
    134deg,
    rgba(255, 179, 192, 0.3) 0%,
    rgba(255, 237, 240, 0.3) 100%
  ) !important;
}

html body.ts-body.is-light .ts-affiliates .ts-af-stat__label {
  color: #222e48 !important;
}

html body.ts-body.is-light .ts-affiliates .ts-af-stat__value {
  color: #4f586d !important;
}

html body.ts-body.is-light .ts-affiliates .ts-af-stat__icon {
  background: linear-gradient(
    134deg,
    rgba(255, 179, 192, 0.55) 0%,
    rgba(255, 237, 240, 0.55) 100%
  ) !important;
}

html body.ts-body.is-light .ts-affiliates .ts-af-step {
  background: rgba(255, 178, 191, 0.37) !important;
}

html body.ts-body.is-light .ts-affiliates .ts-af-step__badge {
  background: #ffffff !important;
  color: #343e56 !important;
}

html body.ts-body.is-light .ts-affiliates .ts-af-step__text {
  color: #343e56 !important;
}

@media (max-width: 900px) {
  html body.ts-body.is-light .ts-affiliates .ts-af-stat {
    background: linear-gradient(
      134deg,
      rgba(255, 179, 192, 0.3) 0%,
      rgba(255, 237, 240, 0.3) 100%
    ) !important;
    background-image: linear-gradient(
      134deg,
      rgba(255, 179, 192, 0.3) 0%,
      rgba(255, 237, 240, 0.3) 100%
    ) !important;
  }
}

/* Giveaway light — Figma 748:98153 */
.ts-body.is-light .ts-giveaway .ts-svc-hero {
  background-image: url('https://my-techsmm-com.ahmad-iftekhar2004.workers.dev/hero-light-bg.png') !important;
  background-color: #ffe8ef;
}

.ts-body.is-light .ts-giveaway .ts-svc-hero__title {
  color: #222e48;
}

.ts-body.is-light .ts-giveaway .ts-svc-hero__desc {
  color: #4f586d;
}

.ts-body.is-light .ts-giveaway .ts-gw-task {
  border: 0.6px solid rgba(205, 42, 58, 0.53);
  background-color: #ffffff;
  background-image: url('../images/giveaway-card-bg.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}

.ts-body.is-light .ts-giveaway .ts-gw-task__action {
  color: #535353;
}

.ts-body.is-light .ts-giveaway .ts-gw-task__reward {
  background: linear-gradient(140deg, #ff608c 23%, #df1149 78%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.ts-body.is-light .ts-giveaway .ts-gw-participate {
  background: #ffffff;
  border: 0.8px solid #ededed;
  box-shadow: 0 2px 3px rgba(124, 124, 124, 0.1);
  backdrop-filter: none;
}

.ts-body.is-light .ts-giveaway .ts-gw-participate__title {
  color: #222e48;
}

.ts-body.is-light .ts-giveaway .ts-gw-participate__desc {
  color: #4f586d;
}

.ts-body.is-light .ts-giveaway .ts-gw-flow__step {
  background: rgba(255, 178, 191, 0.37);
}

.ts-body.is-light .ts-giveaway .ts-gw-flow__num {
  border-color: rgba(255, 255, 255, 0.5);
  background: #ffffff;
  color: #222e48;
}

.ts-body.is-light .ts-giveaway .ts-gw-flow__label {
  color: #343e56;
}

.ts-body.is-light .ts-giveaway .ts-gw-flow__connector {
  background-image: radial-gradient(
    circle,
    rgba(190, 14, 75, 0.45) 1.75px,
    transparent 1.9px
  );
}

.ts-body.is-light .ts-giveaway .ts-gw-flow__connector::before,
.ts-body.is-light .ts-giveaway .ts-gw-flow__connector::after {
  background: rgba(190, 14, 75, 0.55);
}

.ts-body.is-light .ts-giveaway .ts-gw-details {
  background: #ffffff;
  box-shadow: 0 2px 4px rgba(26, 26, 26, 0.12);
}

.ts-body.is-light .ts-giveaway .ts-gw-details__head {
  background: linear-gradient(
    90deg,
    rgba(255, 74, 137, 0.24) 0%,
    rgba(205, 15, 81, 0.24) 100%
  );
}

.ts-body.is-light .ts-giveaway .ts-gw-details__head-title {
  color: #222e48;
}

.ts-body.is-light .ts-giveaway .ts-gw-details__grid {
  border-color: transparent;
  background: linear-gradient(
    59deg,
    rgba(255, 207, 219, 0.5) 3.6%,
    rgba(255, 255, 255, 0.5) 28.7%,
    rgba(255, 231, 243, 0.5) 53.1%,
    rgba(255, 255, 255, 0.5) 73.1%,
    rgba(255, 215, 228, 0.5) 98.6%
  );
  backdrop-filter: none;
}

.ts-body.is-light .ts-giveaway .ts-gw-details__rules-title {
  color: #222e48;
}

.ts-body.is-light .ts-giveaway .ts-gw-details__rules-intro,
.ts-body.is-light .ts-giveaway .ts-gw-details__list {
  color: #343e56;
}

.ts-body.is-light .ts-giveaway .ts-gw-details__list strong {
  color: #343e56;
}

/* —— Giveaway (Figma 748:101820) —— */
.ts-giveaway {
  min-width: 0;
}

.ts-giveaway .ts-svc-hero {
  margin-bottom: 28px;
}

.ts-gw-tasks {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  margin-bottom: 24px;
  min-width: 0;
}

.ts-gw-task {
  display: flex;
  flex-direction: column;
  gap: 30px;
  min-height: 260px;
  padding: 28px 24px;
  border-radius: 16px;
  border: 1.2px solid rgba(114, 114, 114, 0.19);
  background: linear-gradient(
    108deg,
    rgba(104, 104, 104, 0.06) 2.46%,
    rgba(255, 255, 255, 0.06) 100.38%
  );
}

.ts-gw-task__top {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  flex: 1;
  width: 100%;
}

.ts-gw-task__brand {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
}

.ts-gw-task__brand--google,
.ts-gw-task__brand--trustpilot,
.ts-gw-task__brand--youtube,
.ts-gw-task__brand--linkedin {
  width: 100%;
}

.ts-gw-task__logo {
  display: block;
  width: 48px;
  height: 48px;
  object-fit: contain;
  flex-shrink: 0;
}

.ts-gw-task__logo--google {
  width: 128px;
  height: 44px;
}

.ts-gw-task__logo--trustpilot {
  width: 208px;
  height: 48px;
}

.ts-gw-task__logo--youtube {
  width: 141px;
  height: 49px;
}

.ts-gw-task__logo--linkedin {
  width: 150px;
  height: 48px;
}

.ts-gw-task__meta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  width: 100%;
  text-align: center;
}

.ts-gw-task__action {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
}

.ts-gw-task__reward {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  color: #f5f6f7;
}

.ts-gw-task__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  border-radius: 8px;
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  color: #fff !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none !important;
  transition: filter 0.2s ease;
}

.ts-gw-task__btn:hover,
.ts-gw-task__btn:focus {
  filter: brightness(1.08);
  color: #fff !important;
}

.ts-gw-participate {
  margin-bottom: 24px;
  padding: 36px;
  border-radius: 24px;
  background: rgba(110, 110, 110, 0.11);
  backdrop-filter: blur(25px);
}

.ts-gw-participate__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  max-width: 416px;
  margin: 0 auto 28px;
  text-align: center;
}

.ts-gw-participate__title {
  margin: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
  color: #fff;
}

.ts-gw-participate__accent {
  background: linear-gradient(164deg, #ff608c 23%, #df1149 78%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.ts-gw-participate__desc {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #f5f6f7;
}

.ts-gw-flow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  flex-wrap: nowrap;
}

.ts-gw-flow__step {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  width: min(324px, 100%);
  padding: 24px 34px;
  border-radius: 8px 48px 8px 48px;
  background: linear-gradient(
    115deg,
    rgba(104, 104, 104, 0.06) 2.46%,
    rgba(255, 255, 255, 0.06) 100.38%
  );
  flex-shrink: 1;
  min-width: 0;
}

.ts-gw-flow__num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 58px;
  border-radius: 9px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(84, 84, 84, 0.13);
  font-size: 32px;
  font-weight: 600;
  line-height: 1;
  color: #fff;
}

.ts-gw-flow__label {
  margin: 0;
  align-self: flex-start;
  width: auto;
  max-width: 100%;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
  text-align: left;
}

.ts-gw-flow__connector {
  position: relative;
  display: block;
  width: 120px;
  height: 11px;
  flex: 0 0 120px;
  background-image: radial-gradient(
    circle,
    rgba(255, 255, 255, 0.3) 1.75px,
    transparent 1.9px
  );
  background-size: 14px 11px;
  background-position: center;
  background-repeat: repeat-x;
}

.ts-gw-flow__connector::before,
.ts-gw-flow__connector::after {
  content: '';
  position: absolute;
  top: 50%;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  transform: translateY(-50%);
  z-index: 1;
}

.ts-gw-flow__connector::before {
  left: 0;
}

.ts-gw-flow__connector::after {
  right: 0;
}

.ts-gw-details {
  position: relative;
  border-radius: 34px;
  background: rgba(118, 118, 118, 0.09);
  overflow: hidden;
  min-width: 0;
}

.ts-gw-details__head {
  display: flex;
  align-items: center;
  min-height: 72px;
  padding: 24px 29px;
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  border-radius: 12px 12px 0 0;
}

.ts-gw-details__head-title {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  color: #fff;
}

.ts-gw-details__panel {
  padding: 24px 31px 36px;
}

.ts-gw-details__grid {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 60px;
  padding: 30px;
  border-radius: 24px;
  border: 1px solid rgba(230, 230, 230, 0.16);
  background: rgba(110, 110, 110, 0.08);
  backdrop-filter: blur(50px);
}

.ts-gw-details__rules {
  flex: 1;
  min-width: 0;
  max-width: 901px;
}

.ts-gw-details__rules-title {
  margin: 0 0 12px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5;
  color: #fff;
}

.ts-gw-details__rules-intro {
  margin: 0 0 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: #fff;
}

.ts-gw-details__list {
  margin: 0;
  padding-left: 20px;
  color: #fafafb;
  font-size: 14px;
  line-height: 1.6;
}

.ts-gw-details__list li {
  margin-bottom: 0;
}

.ts-gw-details__list li + li {
  margin-top: 0;
}

.ts-gw-details__list-spacer {
  list-style: none;
  margin-left: -20px;
  height: 0;
  visibility: hidden;
}

.ts-gw-details__list strong {
  font-weight: 700;
  color: #fafafb;
}

.ts-gw-details__brand {
  font-weight: 700;
  background: linear-gradient(129deg, #ff608c 23%, #df1149 78%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.ts-gw-details__art {
  flex-shrink: 0;
  width: min(467px, 100%);
}

.ts-gw-details__art img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 32px;
  object-fit: cover;
}

@media (max-width: 1400px) {
  .ts-gw-tasks {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ts-gw-flow__connector {
    width: 72px;
    flex-basis: 72px;
  }

  .ts-gw-details__grid {
    flex-direction: column;
    align-items: stretch;
    gap: 32px;
  }

  .ts-gw-details__art {
    width: 100%;
    max-width: 467px;
    margin: 0 auto;
  }
}

@media (max-width: 900px) {
  .ts-giveaway .ts-svc-hero {
    margin-bottom: 20px;
  }

  .ts-gw-tasks {
    grid-template-columns: 1fr;
    gap: 16px;
    margin-bottom: 20px;
  }

  .ts-gw-task {
    min-height: 0;
    padding: 24px 20px;
  }

  .ts-gw-participate {
    margin-bottom: 20px;
    padding: 24px 16px;
    border-radius: 18px;
  }

  .ts-gw-participate__title {
    font-size: 24px;
  }

  .ts-gw-participate__desc {
    font-size: 15px;
  }

  .ts-gw-flow {
    flex-direction: column;
    gap: 16px;
  }

  .ts-gw-flow__connector {
    width: 11px;
    height: 72px;
    flex: 0 0 72px;
    background-image: radial-gradient(
      circle,
      rgba(255, 255, 255, 0.3) 1.75px,
      transparent 1.9px
    );
    background-size: 11px 14px;
    background-position: center;
    background-repeat: repeat-y;
  }

  .ts-gw-flow__connector::before,
  .ts-gw-flow__connector::after {
    left: 50%;
    right: auto;
    transform: translate(-50%, -50%);
  }

  .ts-gw-flow__connector::before {
    top: 0;
    transform: translate(-50%, 0);
  }

  .ts-gw-flow__connector::after {
    top: auto;
    bottom: 0;
    transform: translate(-50%, 0);
  }

  .ts-gw-flow__step {
    width: 100%;
    align-items: flex-start;
    padding: 20px 24px;
  }

  .ts-gw-details {
    border-radius: 24px;
  }

  .ts-gw-details__head {
    min-height: 60px;
    padding: 18px 20px;
  }

  .ts-gw-details__head-title {
    font-size: 18px;
  }

  .ts-gw-details__panel {
    padding: 16px;
  }

  .ts-gw-details__grid {
    padding: 20px 16px;
    gap: 24px;
  }

  .ts-gw-details__rules-title {
    font-size: 20px;
  }
}

@media (max-width: 576px) {
  .ts-gw-task__logo--trustpilot {
    width: min(208px, 100%);
    height: auto;
  }

  .ts-gw-task__logo--google {
    width: min(128px, 100%);
    height: auto;
  }

  .ts-gw-task__logo--youtube {
    width: min(141px, 100%);
    height: auto;
  }

  .ts-gw-task__logo--linkedin {
    width: min(150px, 100%);
    height: auto;
  }

  .ts-gw-participate__title {
    font-size: 22px;
  }

  .ts-gw-flow__num {
    width: 62px;
    height: 52px;
    font-size: 28px;
  }

  .ts-gw-flow__label {
    font-size: 16px;
  }
}

html body.ts-body.is-light .ts-giveaway .ts-gw-task {
  background-color: #ffffff !important;
  background-image: url('../images/giveaway-card-bg.png') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}

html body.ts-body.is-light .ts-giveaway .ts-gw-task__action {
  color: #535353 !important;
}

html body.ts-body.is-light .ts-giveaway .ts-gw-details__rules-title {
  color: #222e48 !important;
}

html body.ts-body.is-light .ts-giveaway .ts-gw-details__rules-intro,
html body.ts-body.is-light .ts-giveaway .ts-gw-details__list,
html body.ts-body.is-light .ts-giveaway .ts-gw-details__list strong {
  color: #343e56 !important;
}

html body.ts-body.is-light .ts-giveaway .ts-gw-details__head-title {
  color: #222e48 !important;
}

/* Account light — Figma 748:106396 */
.ts-body.is-light .ts-account .ts-svc-hero {
  background-image: url('https://my-techsmm-com.ahmad-iftekhar2004.workers.dev/hero-light-bg.png') !important;
  background-color: #ffe8ef;
}

.ts-body.is-light .ts-account .ts-svc-hero__title {
  color: #222e48;
}

.ts-body.is-light .ts-account .ts-svc-hero__desc {
  color: #4f586d;
}

.ts-body.is-light .ts-account .ts-acc-card {
  background: #ffffff !important;
  border: 0.5px solid #ff79a2 !important;
  border-radius: 28px;
  box-shadow: none;
}

.ts-body.is-light .ts-account .ts-acc-card__head {
  background: linear-gradient(
    90deg,
    rgba(255, 74, 137, 0.24) 0%,
    rgba(205, 15, 81, 0.24) 100%
  );
  backdrop-filter: blur(20px);
  border: 1px solid rgba(103, 103, 103, 0.16);
  border-radius: 14px;
}

.ts-body.is-light .ts-account .ts-acc-card__title {
  color: #222e48;
}

.ts-body.is-light .ts-account .ts-acc-card__meta {
  color: #4f586d;
}

.ts-body.is-light .ts-account .ts-acc-field__label {
  color: #13203b;
}

html body.ts-body.is-light .ts-account .ts-acc-field__control,
html body.ts-body.is-light .ts-account .ts-acc-field__textarea {
  background: rgba(254, 178, 198, 0.17) !important;
  border: 0.5px solid #ff88a9 !important;
  backdrop-filter: blur(40px);
}

html body.ts-body.is-light .ts-account .ts-acc-field__value,
html body.ts-body.is-light .ts-account .ts-acc-field__input {
  color: #222e48 !important;
  -webkit-text-fill-color: #222e48 !important;
  caret-color: #222e48 !important;
}

html body.ts-body.is-light .ts-account .ts-acc-field__input::placeholder {
  color: #4f586d !important;
  -webkit-text-fill-color: #4f586d !important;
  opacity: 1;
}

html body.ts-body.is-light .ts-account .ts-acc-field__control:focus-within,
html body.ts-body.is-light .ts-account .ts-acc-field__textarea:focus {
  border-color: #ff88a9 !important;
  box-shadow: 0 0 0 3px rgba(190, 14, 75, 0.12) !important;
}

.ts-body.is-light .ts-account .ts-acc-field__control--select::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23222e48' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.ts-body.is-light .ts-account .ts-acc-2fa-box {
  background: rgba(254, 178, 198, 0.17);
  border: 0.5px solid #ff88a9;
}

.ts-body.is-light .ts-account .ts-acc-2fa-box__desc {
  color: #343e56;
  opacity: 0.85;
}

.ts-body.is-light .ts-account .ts-acc-2fa-sent {
  color: #343e56;
}

.ts-body.is-light .ts-account .ts-acc-empty {
  color: #4f586d;
}

html body.ts-body.is-light .ts-account .ts-acc-btn {
  border-radius: 12px;
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.ts-body.is-light .ts-acc-modal-wrap .ts-acc-modal {
  background: #ffffff;
  border: 0.5px solid #ff79a2;
  box-shadow: 0 24px 64px rgba(34, 46, 72, 0.12);
}

html body.ts-body.is-light .ts-acc-modal-wrap .ts-acc-modal__body,
html body.ts-body.is-light .ts-acc-modal-wrap .ts-acc-modal__footer {
  background: #ffffff;
}

html body.ts-body.is-light .ts-acc-modal-wrap .ts-acc-modal__btn--ghost {
  background: rgba(164, 164, 164, 0.14);
  border: 0.5px solid rgba(161, 161, 161, 0.3);
  color: #343e56;
}

html body.ts-body.is-light .ts-acc-modal-wrap .ts-acc-modal__btn--ghost:hover {
  background: rgba(164, 164, 164, 0.22);
  color: #222e48;
}

html body.ts-body.is-light .ts-acc-modal-wrap .ts-acc-modal__btn--primary {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%) !important;
  color: #ffffff !important;
}

html body.ts-body.is-light .ts-acc-modal-wrap .ts-acc-field__label {
  color: #13203b;
}

html body.ts-body.is-light .ts-acc-modal-wrap .ts-acc-field__control {
  background: rgba(254, 178, 198, 0.17) !important;
  border: 0.5px solid #ff88a9 !important;
}

html body.ts-body.is-light .ts-acc-modal-wrap .ts-acc-field__value,
html body.ts-body.is-light .ts-acc-modal-wrap .ts-acc-field__input {
  color: #222e48 !important;
  -webkit-text-fill-color: #222e48 !important;
}

/* —— Account Settings (Figma 635:83230) —— */
.ts-account {
  min-width: 0;
}

.ts-account .ts-svc-hero {
  margin-bottom: 28px;
}

.ts-acc-alert {
  margin-bottom: 16px;
  border-radius: 12px;
}

.ts-acc-stack {
  display: flex;
  flex-direction: column;
  gap: 38px;
  min-width: 0;
}

.ts-acc-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
  min-width: 0;
}

.ts-acc-row--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ts-acc-card {
  display: flex;
  flex-direction: column;
  gap: 30px;
  min-width: 0;
  padding: 28px 20px 34px;
  border-radius: 18px;
  border: 0.5px solid rgba(255, 255, 255, 0.25);
  background: rgba(101, 101, 101, 0.15);
}

.ts-acc-card--full {
  width: 100%;
}

.ts-acc-card__head {
  display: flex;
  align-items: center;
  min-height: 70px;
  padding: 12px 18px;
  border-radius: 16px;
  background: rgba(131, 131, 131, 0.14);
  backdrop-filter: blur(20px);
}

.ts-acc-card__title {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  color: #fff;
}

.ts-acc-card__meta {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  font-weight: 400;
  color: rgba(245, 246, 247, 0.75);
}

.ts-acc-card__body {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
}

.ts-acc-form {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 100%;
}

.ts-acc-form__row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
}

.ts-acc-field {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.ts-acc-field__label {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #f5f6f7;
}

.ts-acc-field__control {
  display: flex;
  align-items: center;
  min-height: 56px;
  padding: 16px 18px;
  border-radius: 12px;
  background: rgba(121, 121, 121, 0.16);
  backdrop-filter: blur(40px);
}

.ts-acc-field__control--readonly {
  justify-content: space-between;
}

.ts-acc-field__control--select {
  position: relative;
  padding: 0;
}

.ts-acc-field__control--select::after {
  content: '';
  position: absolute;
  right: 18px;
  top: 50%;
  width: 12px;
  height: 8px;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}

.ts-rtl .ts-acc-field__control--select::after {
  right: auto;
  left: 18px;
}

.ts-acc-field__value {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #f5f6f7;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ts-acc-field__value--mask {
  -webkit-text-security: disc;
  text-security: disc;
}

.ts-acc-field__input {
  display: block;
  width: 100%;
  border: none;
  background: transparent;
  color: #f5f6f7;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  padding: 0;
  box-shadow: none;
  outline: none;
}

.ts-acc-field__input::placeholder {
  color: #d2d2d2;
}

.ts-acc-field__select {
  appearance: none;
  -webkit-appearance: none;
  min-height: 56px;
  padding: 16px 44px 16px 18px;
  border-radius: 12px;
  background: transparent;
  cursor: pointer;
}

.ts-rtl .ts-acc-field__select {
  padding: 16px 18px 16px 44px;
}

.ts-acc-field__textarea {
  min-height: 140px;
  padding: 16px 18px;
  resize: vertical;
  border-radius: 12px;
  background: rgba(121, 121, 121, 0.16);
}

.ts-acc-field__control:focus-within {
  box-shadow: 0 0 0 1.5px rgba(190, 14, 75, 0.55);
}

.ts-acc-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 56px;
  padding: 8px 24px;
  border: none;
  border-radius: 16px;
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  text-shadow: 0 1.35px 4.05px rgba(14, 35, 22, 0.2);
  cursor: pointer;
  transition: filter 0.2s ease;
}

.ts-acc-btn:hover,
.ts-acc-btn:focus {
  filter: brightness(1.08);
  color: #fff;
}

.ts-acc-2fa-box {
  padding: 16px 18px;
  border-radius: 12px;
  background: rgba(121, 121, 121, 0.16);
  backdrop-filter: blur(40px);
  margin-bottom: 16px;
}

.ts-acc-2fa-box__title {
  margin: 0 0 8px;
  font-family: 'Monda', var(--ts-font);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  background: linear-gradient(177deg, #ff608c 23%, #df1149 78%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.ts-acc-2fa-box__desc {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #d3d3d3;
  opacity: 0.85;
}

.ts-acc-2fa-approve {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.ts-acc-2fa-sent {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
  color: #f5f6f7;
}

.ts-acc-2fa-approve .ts-acc-field {
  margin: 0;
}

.ts-acc-2fa-approve .ts-acc-btn {
  margin-top: 2px;
}

.ts-acc-empty {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #d3d3d3;
}

/* Change email modal */
.ts-acc-modal-wrap {
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
}

.ts-acc-modal-wrap[hidden] {
  display: none !important;
}

.ts-acc-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.72);
  backdrop-filter: blur(4px);
}

.ts-acc-modal__dialog {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 520px;
}

.ts-acc-modal {
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: #12080c;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55);
}

.ts-acc-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
}

.ts-acc-modal__title {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
}

.ts-acc-modal__close {
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.28);
  color: #fff;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.ts-acc-modal__close:hover {
  background: rgba(0, 0, 0, 0.42);
}

.ts-acc-modal__body {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 20px 16px;
  background: #12080c;
}

.ts-acc-modal__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 0 16px 16px;
  background: #12080c;
}

.ts-acc-modal__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 20px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  cursor: pointer;
  border: none;
  transition:
    filter 0.2s ease,
    background 0.2s ease;
}

.ts-acc-modal__btn--ghost {
  background: rgba(121, 121, 121, 0.2);
  color: #f5f6f7;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.ts-acc-modal__btn--ghost:hover {
  background: rgba(121, 121, 121, 0.32);
  color: #fff;
}

.ts-acc-modal__btn--primary {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  color: #fff;
}

.ts-acc-modal__btn--primary:hover {
  filter: brightness(1.08);
  color: #fff;
}

body.ts-acc-modal-open {
  overflow: hidden;
}

@media (max-width: 1200px) {
  .ts-acc-row--2 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .ts-account .ts-svc-hero {
    margin-bottom: 20px;
  }

  .ts-acc-stack {
    gap: 24px;
  }

  .ts-acc-row {
    gap: 20px;
  }

  .ts-acc-card {
    padding: 20px 16px 24px;
    gap: 24px;
  }

  .ts-acc-card__head {
    min-height: 0;
    padding: 12px 14px;
  }

  .ts-acc-card__title {
    font-size: 17px;
  }

  .ts-acc-form__row {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .ts-acc-btn {
    min-height: 52px;
    font-size: 16px;
  }

  .ts-acc-modal__footer {
    flex-direction: column-reverse;
    align-items: stretch;
  }

  .ts-acc-modal__btn {
    width: 100%;
  }
}

@media (max-width: 576px) {
  .ts-acc-field__label {
    font-size: 15px;
  }

  .ts-acc-field__control,
  .ts-acc-field__select {
    min-height: 52px;
  }
}

/* Updates light — Figma 740:26584 */
.ts-body.is-light .ts-updates .ts-svc-hero {
  background-image: url('https://my-techsmm-com.ahmad-iftekhar2004.workers.dev/hero-light-bg.png') !important;
  background-color: #ffe8ef;
}

.ts-body.is-light .ts-updates .ts-svc-hero__title {
  color: #222e48;
}

.ts-body.is-light .ts-updates .ts-svc-hero__desc {
  color: #4f586d;
}

.ts-body.is-light .ts-updates .ts-ord-toolbar__bar {
  background: #ececec;
  border: none;
}

.ts-body.is-light .ts-updates .ts-ord-chip {
  background: linear-gradient(
    90deg,
    rgba(255, 68, 133, 0.24) 0%,
    rgba(255, 94, 150, 0.24) 100%
  );
  color: #222e48 !important;
}

.ts-body.is-light .ts-updates .ts-ord-chip:hover {
  filter: brightness(0.98);
  color: #222e48 !important;
}

.ts-body.is-light .ts-updates .ts-ord-chip.is-active {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  color: #ffffff !important;
}

.ts-body.is-light .ts-updates .ts-ord-chip.is-active:hover {
  color: #ffffff !important;
}

.ts-body.is-light .ts-updates .ts-ord-chip__label {
  color: #222e48;
}

.ts-body.is-light .ts-updates .ts-ord-chip.is-active .ts-ord-chip__label {
  color: #ffffff;
}

.ts-body.is-light .ts-updates .ts-ord-chip__icon {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
}

.ts-body.is-light .ts-updates .ts-ord-chip__icon--light,
.ts-body.is-light .ts-updates .ts-ord-chip.is-active .ts-ord-chip__icon {
  background: #fafafb;
}

.ts-body.is-light .ts-updates .ts-ord-chip.is-active .ts-ord-chip__icon img {
  filter: brightness(0) saturate(100%) invert(14%) sepia(89%) saturate(4567%)
    hue-rotate(322deg) brightness(92%) contrast(98%);
}

.ts-body.is-light
  .ts-updates
  .ts-ord-chip:not(.is-active)
  .ts-ord-chip__icon
  img {
  filter: none;
}

.ts-body.is-light .ts-updates .ts-ord-search__input {
  border: 0.5px solid #ff477e !important;
  background: #ffffff !important;
  color: #343e56 !important;
  backdrop-filter: blur(10px);
}

.ts-body.is-light .ts-updates .ts-ord-search__input::placeholder {
  color: #4f586d;
}

.ts-body.is-light .ts-updates .ts-ord-search__btn {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
}

html body.ts-body.is-light .ts-updates .ts-ord-board {
  background: rgba(198, 198, 198, 0.15) !important;
  border: none !important;
  border-radius: 16px 16px 0 0;
  box-shadow: none;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

html body.ts-body.is-light .ts-updates .ts-ord-table {
  color: #343e56 !important;
}

html body.ts-body.is-light .ts-updates .ts-ord-table > thead > tr > th {
  background: #be0e4b !important;
  background-image: none !important;
  color: #f7f2f2 !important;
  -webkit-text-fill-color: #f7f2f2 !important;
}

html body.ts-body.is-light .ts-updates .ts-ord-table > tbody > tr {
  box-shadow: inset 0 -1px 0 rgba(128, 128, 128, 0.18);
}

html body.ts-body.is-light .ts-updates .ts-ord-table > tbody > tr:hover > td {
  background: rgba(254, 178, 198, 0.12) !important;
}

html body.ts-body.is-light .ts-updates .ts-ord-table > tbody > tr > td {
  background: transparent !important;
  color: #343e56 !important;
  -webkit-text-fill-color: #343e56 !important;
}

html body.ts-body.is-light .ts-updates .ts-ord-table > tbody > tr:last-child {
  box-shadow: none;
}

.ts-body.is-light .ts-updates .ts-ord-table > thead .ts-ord-check {
  color: #fff;
}

.ts-body.is-light .ts-updates .ts-ord-table > tbody .ts-ord-check {
  color: #222e48;
}

.ts-body.is-light .ts-updates .ts-ord-table > thead .ts-ord-check__box {
  border-color: rgba(255, 255, 255, 0.9);
}

.ts-body.is-light .ts-updates .ts-ord-table > tbody .ts-ord-check__box {
  border-color: #222e48;
}

.ts-body.is-light .ts-updates .ts-ord-check.is-checked .ts-ord-check__box {
  background: #00a6ff;
  border-color: #00a6ff;
  color: #fff;
}

.ts-body.is-light .ts-updates .ts-ord-table > thead .ts-ord-copy {
  color: rgba(255, 255, 255, 0.92);
  opacity: 1;
}

.ts-body.is-light .ts-updates .ts-ord-table > tbody .ts-ord-copy {
  color: rgba(52, 62, 86, 0.55);
}

.ts-body.is-light
  .ts-updates
  .ts-ord-table
  > thead
  .ts-ord-copy:hover:not(:disabled):not(.is-disabled),
.ts-body.is-light .ts-updates .ts-ord-table > thead .ts-ord-copy.is-copied {
  color: #fff;
}

.ts-body.is-light
  .ts-updates
  .ts-ord-copy:hover:not(:disabled):not(.is-disabled),
.ts-body.is-light .ts-updates .ts-ord-copy.is-copied,
.ts-body.is-light
  .ts-updates
  .ts-ord-table
  > tbody
  .ts-ord-copy:hover:not(:disabled):not(.is-disabled),
.ts-body.is-light .ts-updates .ts-ord-table > tbody .ts-ord-copy.is-copied {
  color: #be0e4b;
}

.ts-body.is-light .ts-updates .ts-ord-copy.is-copied::after {
  background: #ffffff;
  border: 1px solid #ff88ac;
  color: #be0e4b !important;
  -webkit-text-fill-color: #be0e4b !important;
}

html
  body.ts-body.is-light
  .ts-updates
  .ts-ord-table
  > thead
  .ts-ord-copy.is-copied::after {
  color: #be0e4b !important;
  -webkit-text-fill-color: #be0e4b !important;
}

.ts-body.is-light .ts-updates .ts-ord-date__time {
  color: rgba(52, 62, 86, 0.72);
}

.ts-body.is-light .ts-updates .ts-upd-service__id,
.ts-body.is-light .ts-updates .ts-upd-service__name {
  color: #343e56;
}

.ts-body.is-light .ts-updates .ts-upd-service__detail {
  background: linear-gradient(172deg, #ff608c 23%, #df1149 78%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ts-body.is-light .ts-updates .ts-upd-type {
  color: #343e56 !important;
}

.ts-body.is-light .ts-updates .ts-ord-empty__title {
  color: #222e48;
}

.ts-body.is-light .ts-updates .ts-ord-empty__desc {
  color: #4f586d;
}

html body.ts-body.is-light .ts-updates .ts-ord-pagination > li > a,
html body.ts-body.is-light .ts-updates .ts-ord-pagination > li > span {
  color: #343e56 !important;
  background: #ffffff !important;
  border: 0.5px solid #ff88a9 !important;
}

html body.ts-body.is-light .ts-updates .ts-ord-pagination > li.active > a,
html body.ts-body.is-light .ts-updates .ts-ord-pagination > .active > a,
html body.ts-body.is-light .ts-updates .ts-ord-pagination > .active > span {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%) !important;
  border-color: transparent !important;
  color: #ffffff !important;
}

/* —— Updates page —— */
.ts-updates {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.ts-updates .ts-svc-hero {
  margin-bottom: 28px;
}

.ts-updates .ts-ord-board {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
  min-width: 0;
}

.ts-updates .ts-ord-chip__icon img {
  display: block;
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.ts-updates .ts-ord-chip.is-active:not(:first-child) .ts-ord-chip__icon img {
  filter: brightness(0) saturate(100%) invert(14%) sepia(89%) saturate(4567%)
    hue-rotate(322deg) brightness(92%) contrast(98%);
}

.ts-upd-icon--flip {
  transform: scaleY(-1);
}

.ts-upd-table {
  min-width: 860px;
}

.ts-upd-th-service {
  min-width: 280px;
}

.ts-upd-th-type {
  min-width: 120px;
}

.ts-upd-service {
  max-width: 480px;
}

.ts-upd-service__main {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  line-height: 1.35;
}

.ts-upd-service__id {
  flex-shrink: 0;
  color: #ebecef;
  font-weight: 500;
}

.ts-upd-service__dot {
  flex-shrink: 0;
  margin-top: 7px;
}

.ts-upd-service__name {
  min-width: 0;
  color: #ebecef;
  font-weight: 500;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.ts-upd-service__detail {
  margin: 8px 0 0;
  padding-left: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  background: linear-gradient(90deg, #be0e4b 0%, #ff6b9d 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.ts-upd-type {
  white-space: nowrap;
  font-weight: 500;
  color: #ebecef !important;
}

.ts-upd-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 20px;
  padding: 0 4px 28px;
  flex-wrap: wrap;
}

.ts-upd-footer__left,
.ts-upd-footer__right {
  display: flex;
  align-items: center;
  gap: 12px;
}

.ts-upd-footer__label,
.ts-upd-footer__total {
  font-size: 14px;
  font-weight: 500;
  color: rgba(235, 236, 239, 0.85);
  white-space: nowrap;
}

.ts-upd-footer__select {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 0 14px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

.ts-upd-footer__select img {
  display: block;
  opacity: 0.85;
}

.ts-upd-footer__nav {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.ts-upd-footer__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  transition:
    filter 0.15s ease,
    background 0.15s ease;
}

a.ts-upd-footer__arrow {
  text-decoration: none !important;
}

a.ts-upd-footer__arrow:hover {
  filter: brightness(1.08);
  background: rgba(255, 255, 255, 0.12);
}

.ts-upd-footer__arrow.is-disabled {
  opacity: 0.35;
  pointer-events: none;
}

.ts-upd-footer__arrow img {
  display: block;
}

@media (max-width: 1450px) {
  .ts-updates .ts-svc-hero {
    margin-bottom: 20px;
  }

  .ts-upd-table {
    min-width: 800px;
  }

  .ts-upd-th-service {
    min-width: 240px;
  }

  .ts-upd-service {
    max-width: 360px;
  }
}

@media (max-width: 1024px) {
  .ts-updates .ts-ord-toolbar {
    margin-bottom: 18px;
  }

  .ts-upd-service__name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
  }
}

@media (max-width: 900px) {
  .ts-updates {
    overflow-x: hidden;
  }

  .ts-updates .ts-svc-hero {
    height: auto;
    min-height: 0;
    max-height: none;
    margin: 0 0 16px;
    padding: 16px;
    border-radius: 16px;
  }

  .ts-updates .ts-svc-hero__title {
    font-size: 22px;
  }

  .ts-updates .ts-svc-hero__desc {
    font-size: 13px;
    line-height: 1.4;
    white-space: normal;
  }

  .ts-updates .ts-ord-toolbar {
    margin-bottom: 16px;
  }

  .ts-updates .ts-ord-toolbar__bar {
    flex-direction: column;
    align-items: stretch;
  }

  .ts-updates .ts-ord-search {
    width: 378px;
    max-width: 100%;
    align-self: flex-start;
  }

  .ts-updates .ts-ord-filters {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: visible;
    flex-wrap: unset;
    padding-bottom: 0;
  }

  .ts-updates .ts-ord-chip {
    width: 100%;
    min-width: 0;
    height: auto;
    min-height: 44px;
    white-space: normal;
    justify-content: flex-start;
    box-sizing: border-box;
  }

  .ts-updates .ts-ord-chip__label {
    font-size: 13px;
    line-height: 1.25;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .ts-upd-table {
    min-width: 720px;
  }

  .ts-updates .ts-ord-table > thead > tr > th,
  .ts-updates .ts-ord-table > tbody > tr > td {
    padding: 14px 12px !important;
    font-size: 13px !important;
  }

  .ts-upd-th-service {
    min-width: 200px;
  }

  .ts-upd-service {
    max-width: 280px;
  }

  .ts-upd-service__detail {
    font-size: 12px;
  }

  .ts-upd-footer {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    margin-top: 16px;
    padding-bottom: 16px;
  }

  .ts-upd-footer__left,
  .ts-upd-footer__right {
    justify-content: space-between;
    width: 100%;
  }
}

@media (max-width: 576px) {
  .ts-upd-table {
    min-width: 680px;
  }

  .ts-upd-footer__label,
  .ts-upd-footer__total {
    font-size: 13px;
  }

  .ts-upd-footer__select,
  .ts-upd-footer__arrow {
    height: 36px;
  }

  .ts-upd-footer__arrow {
    width: 36px;
  }
}

html body.ts-body.is-light .ts-updates .ts-upd-service__id,
html body.ts-body.is-light .ts-updates .ts-upd-service__name {
  color: #343e56 !important;
}

html body.ts-body.is-light .ts-updates .ts-upd-type {
  color: #343e56 !important;
  -webkit-text-fill-color: #343e56 !important;
}

html
  body.ts-body.is-light
  .ts-updates
  .ts-ord-chip.is-active
  .ts-ord-chip__icon
  img {
  filter: brightness(0) saturate(100%) invert(14%) sepia(89%) saturate(4567%)
    hue-rotate(322deg) brightness(92%) contrast(98%) !important;
}

html body.ts-body.is-light .ts-updates .ts-ord-table > thead > tr > th {
  background: #be0e4b !important;
  background-image: none !important;
  color: #f7f2f2 !important;
  -webkit-text-fill-color: #f7f2f2 !important;
}

/* API light — Figma 740:29442 */
.ts-body.is-light .ts-api .ts-svc-hero {
  background-image: url('https://my-techsmm-com.ahmad-iftekhar2004.workers.dev/hero-light-bg.png') !important;
  background-color: #ffe8ef;
}

.ts-body.is-light .ts-api .ts-svc-hero__title {
  color: #222e48;
}

.ts-body.is-light .ts-api .ts-svc-hero__desc {
  color: #4f586d;
}

.ts-body.is-light .ts-api .ts-api-card__head,
.ts-body.is-light .ts-api .ts-api-card__head--overview,
.ts-body.is-light .ts-api .ts-api-card--method .ts-api-card__head {
  background: linear-gradient(
    90deg,
    rgba(255, 68, 133, 0.24) 0%,
    rgba(255, 94, 150, 0.24) 100%
  ) !important;
}

html body.ts-body.is-light .ts-api .ts-api-card__title {
  color: #0c070f !important;
  -webkit-text-fill-color: #0c070f !important;
}

.ts-body.is-light .ts-api .ts-api-card__head--overview {
  border: 1px solid rgba(255, 77, 126, 0.42);
  border-bottom: none;
}

.ts-body.is-light .ts-api .ts-api-card__body--overview {
  background: #ffffff;
  border: 1px solid rgba(255, 77, 126, 0.42);
  border-top: none;
}

.ts-body.is-light .ts-api .ts-api-card--method {
  background: #ffffff;
  border: 1px solid rgba(255, 77, 126, 0.42);
}

.ts-body.is-light .ts-api .ts-api-meta__label,
.ts-body.is-light .ts-api .ts-api-meta__value,
.ts-body.is-light .ts-api .ts-api-params__head,
.ts-body.is-light .ts-api .ts-api-params__key,
.ts-body.is-light .ts-api .ts-api-params__val,
.ts-body.is-light .ts-api .ts-api-example__title {
  color: #191919;
}

.ts-body.is-light .ts-api .ts-api-meta__row,
.ts-body.is-light .ts-api .ts-api-params__head,
.ts-body.is-light .ts-api .ts-api-params__row {
  border-bottom-color: rgba(161, 161, 161, 0.35);
}

.ts-body.is-light .ts-api .ts-api-link {
  background: linear-gradient(90deg, #ad26ff 0%, #ff3f85 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ts-body.is-light .ts-api .ts-api-type-select__label {
  color: #343e56;
}

html body.ts-body.is-light .ts-api .ts-api-type-select__control {
  background: rgba(254, 178, 198, 0.14) !important;
  border: 0.5px solid #ff96b3 !important;
  color: #222e48 !important;
}

.ts-body.is-light .ts-api .ts-api-type-select__wrap::after {
  border-top-color: #222e48;
}

.ts-body.is-light .ts-api .ts-api-code {
  background: #f8f8f8;
  color: #313131;
  backdrop-filter: none;
}

html body.ts-body.is-light .ts-api .ts-api-download {
  min-height: 54px;
  border-radius: 8px;
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%) !important;
  color: #ffffff !important;
}

/* —— API page —— */
.ts-api .ts-svc-hero {
  margin-bottom: 28px;
}

.ts-api-stack {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 100%;
}

.ts-api-card {
  width: 100%;
}

.ts-api-card--overview {
  display: flex;
  flex-direction: column;
}

.ts-api-card__head {
  display: flex;
  align-items: center;
  min-height: 64px;
  padding: 16px 20px;
  border-radius: 16px;
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  position: relative;
  overflow: hidden;
}

.ts-api-card__head--overview {
  min-height: 83px;
  border-radius: 16px 16px 0 0;
  background:
    linear-gradient(
      90deg,
      rgba(190, 14, 75, 0.92) 0%,
      rgba(145, 19, 63, 0.92) 100%
    ),
    url('../images/api-card-header.png') center / cover no-repeat;
}

.ts-api-card__title {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  color: #fafafb;
}

.ts-api-card__body--overview {
  padding: 20px;
  border: 1px solid rgba(84, 84, 84, 0.16);
  border-top: none;
  border-radius: 0 0 16px 16px;
  background: rgba(109, 109, 109, 0.13);
}

.ts-api-card--method {
  border-radius: 16px;
  background: rgba(109, 109, 109, 0.13);
  border: 1px solid rgba(255, 255, 255, 0.16);
}

.ts-api-card__inner {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 20px;
}

.ts-api-card--method .ts-api-card__head {
  background:
    linear-gradient(
      90deg,
      rgba(190, 14, 75, 0.95) 0%,
      rgba(145, 19, 63, 0.95) 100%
    ),
    url('../images/api-method-header.png') center / cover no-repeat;
}

.ts-api-meta {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ts-api-meta__row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 20px;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.14);
}

.ts-api-meta__row--last {
  padding-bottom: 0;
  border-bottom: none;
}

.ts-api-meta__label,
.ts-api-meta__value {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #f5f6f7;
}

.ts-api-meta__label {
  flex-shrink: 0;
}

.ts-api-meta__value {
  text-align: right;
  word-break: break-word;
}

.ts-api-meta__value--mono {
  font-family:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
    'Courier New', monospace;
  font-size: 15px;
}

.ts-api-link {
  background: linear-gradient(162.68deg, #ff608c 23.08%, #df1149 78.15%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-decoration: none !important;
  font-weight: 500;
}

.ts-api-link:hover {
  filter: brightness(1.08);
}

.ts-api-type-select {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ts-api-type-select__label {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: rgba(245, 246, 247, 0.85);
}

.ts-api-type-select__wrap {
  position: relative;
  width: 100%;
}

.ts-api-type-select__control {
  width: 100%;
  max-width: none;
  height: 48px;
  padding: 0 44px 0 16px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.08);
  color: #fafafb;
  font-size: 14px;
  font-weight: 500;
  appearance: none;
  cursor: pointer;
}

.ts-api-type-select__wrap::after {
  content: '';
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid rgba(255, 255, 255, 0.75);
  pointer-events: none;
}

.ts-api-type-panel[hidden] {
  display: none !important;
}

.ts-api-params {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ts-api-params__head,
.ts-api-params__row {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(160px, 1.4fr);
  gap: 16px;
  align-items: start;
}

.ts-api-params__head {
  padding-bottom: 20px;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.14);
  font-size: 16px;
  font-weight: 500;
  color: #f5f6f7;
}

.ts-api-params__head span:last-child,
.ts-api-params__val {
  text-align: right;
}

.ts-api-params__row {
  padding-bottom: 20px;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.14);
}

.ts-api-params__row:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.ts-api-params__key,
.ts-api-params__val {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #f5f6f7;
  word-break: break-word;
}

.ts-api-example {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ts-api-example__title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  color: #f5f6f7;
}

.ts-api-code {
  margin: 0;
  padding: 20px;
  border-radius: 14px;
  background: rgba(182, 182, 182, 0.06);
  backdrop-filter: blur(20px);
  overflow-x: auto;
  color: #ebecef;
  font-family:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
    'Courier New', monospace;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  white-space: pre-wrap;
  word-break: break-word;
}

.ts-api-code code {
  display: block;
  color: inherit;
  background: transparent;
  padding: 0;
  font: inherit;
  white-space: inherit;
}

.ts-api-download {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 10px 20px;
  border-radius: 16px;
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  color: #fff !important;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  text-decoration: none !important;
  transition: filter 0.15s ease;
}

.ts-api-download:hover {
  filter: brightness(1.08);
  color: #fff !important;
}

@media (max-width: 900px) {
  .ts-api-meta__row,
  .ts-api-params__head,
  .ts-api-params__row {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .ts-api-meta__value,
  .ts-api-params__head span:last-child,
  .ts-api-params__val {
    text-align: left;
  }

  .ts-api-meta__row {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }

  .ts-api-meta__value {
    text-align: left;
  }
}

@media (max-width: 576px) {
  .ts-api-card__inner {
    gap: 24px;
    padding: 16px;
  }

  .ts-api-card__head,
  .ts-api-card__head--overview {
    min-height: 56px;
    padding: 14px 16px;
  }

  .ts-api-card__title {
    font-size: 18px;
  }

  .ts-api-card__body--overview {
    padding: 16px;
  }

  .ts-api-meta__label,
  .ts-api-meta__value,
  .ts-api-params__key,
  .ts-api-params__val,
  .ts-api-code {
    font-size: 14px;
  }

  .ts-api-example__title {
    font-size: 16px;
  }

  .ts-api-download {
    min-height: 50px;
    font-size: 16px;
  }
}

html body.ts-body.is-light .ts-api .ts-api-card__head,
html body.ts-body.is-light .ts-api .ts-api-card__head--overview,
html body.ts-body.is-light .ts-api .ts-api-card--method .ts-api-card__head {
  background: linear-gradient(
    90deg,
    rgba(255, 68, 133, 0.24) 0%,
    rgba(255, 94, 150, 0.24) 100%
  ) !important;
}

/* —— Notifications page —— */
.ts-notifications .ts-svc-hero {
  margin-bottom: 24px;
}

.ts-ntf-tabs {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}

.ts-ntf-tabs__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 8px 18px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #f5f6f7 !important;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none !important;
  transition:
    filter 0.15s ease,
    background 0.15s ease;
}

.ts-ntf-tabs__item:hover {
  filter: brightness(1.08);
  color: #fff !important;
}

.ts-ntf-tabs__item.is-active {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  border-color: transparent;
  color: #fff !important;
}

.ts-ntf-panel {
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(109, 109, 109, 0.13);
}

.ts-ntf-panel__title {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 600;
  color: #fafafb;
}

.ts-ntf-panel__desc {
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 1.45;
  color: rgba(235, 236, 239, 0.85);
}

.ts-ntf-panel__form {
  margin: 0;
}

.ts-ntf-alert {
  margin-bottom: 16px;
}

.ts-ntf-card {
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(109, 109, 109, 0.13);
}

.ts-ntf-card__head {
  padding: 22px 24px;
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
}

.ts-ntf-card__title {
  margin: 0 0 6px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.25;
  color: #fff;
}

.ts-ntf-card__subtitle {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.9);
}

.ts-ntf-card__body {
  padding: 8px 24px 24px;
}

.ts-ntf-form {
  margin: 0;
}

.ts-ntf-table {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.ts-ntf-table__head,
.ts-ntf-table__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 56px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.ts-ntf-table__head {
  min-height: 44px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.ts-ntf-table__row:last-of-type {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 20px;
}

.ts-ntf-table__label,
.ts-ntf-table__sender {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(235, 236, 239, 0.65);
}

.ts-ntf-table__name {
  flex: 1;
  min-width: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  color: #f5f6f7;
}

.ts-ntf-table__senders,
.ts-ntf-table__toggles {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  flex-shrink: 0;
}

.ts-ntf-table__sender {
  min-width: 52px;
  text-align: center;
}

.ts-ntf-toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 52px;
  margin: 0;
  cursor: pointer;
}

.ts-ntf-toggle__label {
  display: none;
}

.ts-ntf-toggle.is-disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.ts-ntf-toggle__input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: 0;
  pointer-events: none;
}

.ts-ntf-toggle__track {
  position: relative;
  display: block;
  width: 48px;
  height: 28px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.12);
  transition:
    background 0.2s ease,
    border-color 0.2s ease;
}

.ts-ntf-toggle__thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  transition: transform 0.2s ease;
}

.ts-ntf-toggle__input:checked ~ .ts-ntf-toggle__track {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  border-color: transparent;
}

.ts-ntf-toggle__input:checked ~ .ts-ntf-toggle__track .ts-ntf-toggle__thumb {
  transform: translateX(20px);
}

.ts-ntf-toggle__input:focus-visible ~ .ts-ntf-toggle__track {
  outline: 2px solid rgba(190, 14, 75, 0.55);
  outline-offset: 2px;
}

.ts-rtl .ts-ntf-toggle__thumb {
  left: auto;
  right: 2px;
}

.ts-rtl
  .ts-ntf-toggle__input:checked
  ~ .ts-ntf-toggle__track
  .ts-ntf-toggle__thumb {
  transform: translateX(-20px);
}

.ts-ntf-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 52px;
  padding: 12px 20px;
  border: none;
  border-radius: 14px;
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  color: #fff !important;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  cursor: pointer;
  text-decoration: none !important;
  transition: filter 0.15s ease;
}

.ts-ntf-btn:hover {
  filter: brightness(1.08);
  color: #fff !important;
}

.ts-ntf-btn--save {
  margin-top: 4px;
}

@media (max-width: 768px) {
  .ts-notifications .ts-svc-hero {
    margin-bottom: 16px;
  }

  .ts-ntf-panel {
    padding: 16px;
    border-radius: 14px;
  }

  .ts-ntf-panel__title {
    font-size: 16px;
  }

  .ts-ntf-panel__desc {
    font-size: 13px;
  }

  .ts-ntf-card {
    border-radius: 14px;
  }

  .ts-ntf-card__head {
    padding: 16px;
  }

  .ts-ntf-card__title {
    font-size: 18px;
  }

  .ts-ntf-card__subtitle {
    font-size: 13px;
  }

  .ts-ntf-card__body {
    padding: 4px 16px 16px;
  }

  .ts-ntf-table__head {
    display: none;
  }

  .ts-ntf-table__row {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    min-height: 0;
    padding: 14px 0;
  }

  .ts-ntf-table__name {
    font-size: 14px;
    font-weight: 600;
  }

  .ts-ntf-table__toggles {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .ts-ntf-toggle {
    width: 100%;
    min-width: 0;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.04);
  }

  .ts-ntf-toggle__label {
    display: block;
    flex: 1;
    min-width: 0;
    font-size: 13px;
    font-weight: 500;
    color: rgba(245, 246, 247, 0.9);
  }

  .ts-ntf-toggle__track {
    width: 44px;
    height: 26px;
    flex-shrink: 0;
  }

  .ts-ntf-toggle__thumb {
    width: 20px;
    height: 20px;
  }

  .ts-ntf-toggle__input:checked ~ .ts-ntf-toggle__track .ts-ntf-toggle__thumb {
    transform: translateX(18px);
  }

  .ts-rtl
    .ts-ntf-toggle__input:checked
    ~ .ts-ntf-toggle__track
    .ts-ntf-toggle__thumb {
    transform: translateX(-18px);
  }

  .ts-ntf-btn {
    min-height: 48px;
    font-size: 15px;
    border-radius: 12px;
  }
}

@media (max-width: 480px) {
  .ts-ntf-panel {
    padding: 14px;
  }

  .ts-ntf-card__head {
    padding: 14px;
  }

  .ts-ntf-card__title {
    font-size: 16px;
  }

  .ts-ntf-card__body {
    padding: 2px 12px 14px;
  }

  .ts-ntf-table__row {
    padding: 12px 0;
  }

  .ts-ntf-toggle {
    padding: 9px 10px;
  }
}

/* —— Confirm email page —— */
.ts-confirmemail .ts-svc-hero {
  margin-bottom: 28px;
}

.ts-cfe-card {
  max-width: 720px;
  margin: 0 auto;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(109, 109, 109, 0.13);
}

.ts-cfe-card__head {
  padding: 20px 24px;
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
}

.ts-cfe-card__title {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  color: #fafafb;
  text-align: center;
}

.ts-cfe-card__body {
  padding: 28px 24px 32px;
}

.ts-cfe-alert {
  margin-bottom: 18px;
  text-align: left;
}

.ts-cfe-desc {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 28px;
  text-align: center;
}

.ts-cfe-desc__line {
  margin: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  color: rgba(235, 236, 239, 0.9);
}

.ts-cfe-desc__line strong {
  color: #fff;
  font-weight: 600;
  word-break: break-word;
}

.ts-cfe-actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
}

.ts-cfe-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 12px 20px;
  border-radius: 14px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  cursor: pointer;
  transition:
    filter 0.15s ease,
    background 0.15s ease,
    border-color 0.15s ease;
}

.ts-cfe-btn--primary {
  border: none;
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  color: #fff !important;
}

.ts-cfe-btn--primary:hover {
  filter: brightness(1.08);
  color: #fff !important;
}

.ts-cfe-btn--ghost {
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.06);
  color: #f5f6f7 !important;
}

.ts-cfe-btn--ghost:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.35);
  color: #fff !important;
}

@media (max-width: 576px) {
  .ts-cfe-card__head {
    padding: 16px;
  }

  .ts-cfe-card__title {
    font-size: 18px;
  }

  .ts-cfe-card__body {
    padding: 20px 16px 24px;
  }

  .ts-cfe-desc__line {
    font-size: 14px;
  }

  .ts-cfe-btn {
    min-height: 48px;
    font-size: 15px;
  }
}

/* Notifications light */
.ts-body.is-light .ts-notifications .ts-svc-hero {
  background-image: url('https://my-techsmm-com.ahmad-iftekhar2004.workers.dev/hero-light-bg.png') !important;
  background-color: #ffe8ef;
}

.ts-body.is-light .ts-notifications .ts-svc-hero__title {
  color: #222e48;
}

.ts-body.is-light .ts-notifications .ts-svc-hero__desc {
  color: #4f586d;
}

.ts-body.is-light .ts-notifications .ts-ntf-tabs__item {
  background: #ffffff;
  border: 0.5px solid #ff88a9;
  color: #343e56 !important;
}

.ts-body.is-light .ts-notifications .ts-ntf-tabs__item:hover {
  background: rgba(254, 178, 198, 0.14);
  color: #222e48 !important;
}

.ts-body.is-light .ts-notifications .ts-ntf-tabs__item.is-active {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  border-color: transparent;
  color: #ffffff !important;
}

.ts-body.is-light .ts-notifications .ts-ntf-panel {
  background: #ffffff;
  border: 0.5px solid #ff79a2;
}

.ts-body.is-light .ts-notifications .ts-ntf-panel__title {
  color: #222e48;
}

.ts-body.is-light .ts-notifications .ts-ntf-panel__desc {
  color: #4f586d;
}

.ts-body.is-light .ts-notifications .ts-ntf-card {
  background: #ffffff;
  border: 0.5px solid #ff79a2;
}

.ts-body.is-light .ts-notifications .ts-ntf-card__head {
  background: linear-gradient(
    90deg,
    rgba(255, 74, 137, 0.24) 0%,
    rgba(205, 15, 81, 0.24) 100%
  );
  border-bottom: 1px solid rgba(255, 121, 162, 0.35);
}

.ts-body.is-light .ts-notifications .ts-ntf-card__title {
  color: #222e48;
}

.ts-body.is-light .ts-notifications .ts-ntf-card__subtitle {
  color: #4f586d;
}

.ts-body.is-light .ts-notifications .ts-ntf-table__head,
.ts-body.is-light .ts-notifications .ts-ntf-table__row {
  border-bottom-color: rgba(128, 128, 128, 0.18);
}

.ts-body.is-light .ts-notifications .ts-ntf-table__label,
.ts-body.is-light .ts-notifications .ts-ntf-table__sender {
  color: #4f586d;
}

.ts-body.is-light .ts-notifications .ts-ntf-table__name {
  color: #343e56;
}

.ts-body.is-light .ts-notifications .ts-ntf-toggle__track {
  background: rgba(254, 178, 198, 0.35);
  border-color: rgba(255, 136, 169, 0.65);
}

.ts-body.is-light
  .ts-notifications
  .ts-ntf-toggle__input:checked
  ~ .ts-ntf-toggle__track {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  border-color: transparent;
}

html body.ts-body.is-light .ts-notifications .ts-ntf-btn {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%) !important;
  color: #ffffff !important;
}

/* Confirm email light */
.ts-body.is-light .ts-confirmemail .ts-svc-hero {
  background-image: url('https://my-techsmm-com.ahmad-iftekhar2004.workers.dev/hero-light-bg.png') !important;
  background-color: #ffe8ef;
}

.ts-body.is-light .ts-confirmemail .ts-svc-hero__title {
  color: #222e48;
}

.ts-body.is-light .ts-confirmemail .ts-svc-hero__desc {
  color: #4f586d;
}

.ts-body.is-light .ts-confirmemail .ts-cfe-card {
  background: #ffffff;
  border: 0.5px solid #ff79a2;
}

.ts-body.is-light .ts-confirmemail .ts-cfe-card__head {
  background: linear-gradient(
    90deg,
    rgba(255, 74, 137, 0.24) 0%,
    rgba(205, 15, 81, 0.24) 100%
  );
  border-bottom: 1px solid rgba(255, 121, 162, 0.35);
}

.ts-body.is-light .ts-confirmemail .ts-cfe-card__title {
  color: #222e48;
}

.ts-body.is-light .ts-confirmemail .ts-cfe-desc__line {
  color: #4f586d;
}

.ts-body.is-light .ts-confirmemail .ts-cfe-desc__line strong {
  color: #222e48;
}

html body.ts-body.is-light .ts-confirmemail .ts-cfe-btn--primary {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%) !important;
  color: #ffffff !important;
}

.ts-body.is-light .ts-confirmemail .ts-cfe-btn--ghost {
  background: #ffffff;
  border: 0.5px solid #ff88a9;
  color: #343e56 !important;
}

.ts-body.is-light .ts-confirmemail .ts-cfe-btn--ghost:hover {
  background: rgba(254, 178, 198, 0.14);
  border-color: #ff79a2;
  color: #222e48 !important;
}

@media (max-width: 768px) {
  html body.ts-body.is-light .ts-notifications .ts-ntf-toggle {
    border: 0.5px solid #ff88a9;
    background: rgba(254, 178, 198, 0.12);
  }

  html body.ts-body.is-light .ts-notifications .ts-ntf-toggle__label {
    color: #343e56;
  }
}

/* —— Sign In (Figma 1181:208398) —— */
.ts-body.ts-guest:has(.ts-signin) .ts-guest-nav {
  display: none !important;
}

.ts-body.ts-guest:has(.ts-signin) .ts-main--guest {
  padding: 0;
  min-height: 100vh;
}

.ts-signin {
  --ts-auth-grad: linear-gradient(116.5deg, #c8083d 2.35%, #ff345d 75%);
  --ts-auth-pink: #c8083d;
  --ts-auth-pink-hot: #ff345d;
  --ts-auth-card: rgba(10, 6, 8, 0.72);
  --ts-auth-field: rgba(152, 152, 152, 0.11);
  --ts-auth-border: rgba(255, 255, 255, 0.12);
  position: relative;
  min-height: 100vh;
  /* visible so reCAPTCHA challenge popup is not clipped */
  overflow: visible;
  background: #040102;
  color: #fff;
}

.ts-signin__bg {
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-position: top center;
  /* Full width so top-left / top-right corner art never crops (cover would clip sides on tall screens) */
  background-size: 100% auto;
  pointer-events: none;
  z-index: 0;
}

.ts-signin__layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(280px, 476px) minmax(0, 686px);
  gap: clamp(24px, 4vw, 64px);
  align-items: start;
  justify-content: center;
  max-width: 1280px;
  min-height: 100vh;
  margin: 0 auto;
  padding: 28px 32px 32px;
}

.ts-signin__visual {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  align-self: start;
  min-height: 0;
  padding-top: 56px;
}

.ts-signin__avatar {
  display: block;
  width: 100%;
  max-width: 476px;
  height: auto;
  max-height: min(680px, 78vh);
  object-fit: contain;
  object-position: top center;
  user-select: none;
  pointer-events: none;
}

.ts-signin__panel {
  position: relative;
  width: 100%;
  max-width: 686px;
  justify-self: center;
  padding-top: 56px;
}

.ts-signin__back {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 44px;
  padding: 6px 20px 6px 6px;
  border: 1px solid var(--ts-auth-pink);
  border-radius: 100px;
  background: #040102;
  box-shadow: 0 2px 2px rgba(255, 52, 93, 0.24);
  text-decoration: none !important;
  transition:
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.ts-signin__back:hover {
  box-shadow: 0 4px 14px rgba(255, 52, 93, 0.35);
  transform: translateY(-1px);
}

.ts-signin__back-icon {
  display: flex;
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 50%;
  flex-shrink: 0;
}

.ts-signin__back-icon img {
  width: 32px;
  height: 32px;
  display: block;
  transform: rotate(180deg);
}

.ts-signin__back-text {
  font-family: var(--ts-font);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  background: var(--ts-auth-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.ts-signin__card {
  position: relative;
  padding: 36px 32px;
  border-radius: 24px;
  border: 1px solid var(--ts-auth-border);
  background: transparent;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.45);
  overflow: visible;
}

/* Blur on a pseudo so it does not trap reCAPTCHA fixed positioning */
.ts-signin__card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  border: inherit;
  background: var(--ts-auth-card);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  pointer-events: none;
}

.ts-signin__card > * {
  position: relative;
  z-index: 1;
}

.ts-signin__intro {
  margin: 0 0 28px;
  font-family: var(--ts-font);
  font-size: 22px;
  font-weight: 500;
  line-height: 1.5;
  color: #dfe0e4;
}

.ts-signin__brand {
  color: #d01749;
  font-size: 24px;
  font-weight: 600;
}

.ts-signin__tabs {
  display: flex;
  gap: 0;
  width: 100%;
  padding: 4px;
  margin-bottom: 34px;
  border: 1px solid rgba(200, 8, 61, 0.5);
  border-radius: 12px;
  background: #0d0c10;
  box-shadow:
    0 2px 2px rgba(0, 0, 0, 0.12),
    inset 2px 2px 8px rgba(255, 52, 93, 0.1);
}

.ts-signin__tab {
  flex: 1 1 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  padding: 12px 16px;
  border-radius: 12px;
  border: none;
  background: transparent;
  color: #fff !important;
  font-family: var(--ts-font);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none !important;
  white-space: nowrap;
  transition:
    background 0.2s ease,
    box-shadow 0.2s ease;
}

.ts-signin__tab.is-active {
  background: var(--ts-auth-grad);
  color: #f7f2f2 !important;
  box-shadow:
    0 24.721px 16.129px rgba(200, 8, 61, 0.08),
    0 2px 3px rgba(200, 8, 61, 0.2);
}

.ts-signin__tab:not(.is-active):hover {
  background: rgba(255, 255, 255, 0.04);
}

.ts-signin__tab.is-disabled {
  opacity: 0.85;
  cursor: default;
}

.ts-signin__tab-icon {
  width: 16px;
  height: 16px;
  display: block;
  flex-shrink: 0;
}

.ts-signin__title {
  margin: 0 0 34px;
  font-family: var(--ts-font);
  font-size: 32px;
  font-weight: 700;
  line-height: 1.4;
  color: #dfe0e4;
}

.ts-signin__title span {
  color: #d01749;
}

.ts-signin__form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.ts-signin__alert {
  position: relative;
  padding: 12px 48px 12px 14px;
  border-radius: 12px;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 0;
}

.ts-signin__alert.rtl-alert {
  padding: 12px 14px 12px 48px;
}

.ts-signin__alert-body {
  display: block;
}

.ts-signin__alert-body .alert,
.ts-signin__alert-body .close,
.ts-signin__alert-body .btn-close {
  display: none !important;
}

.ts-signin__alert--error,
html body.ts-body .ts-signin .alert.alert-danger.ts-signin__alert,
html body.ts-body .ts-signin .ts-signin__alert--error {
  background: rgba(200, 8, 61, 0.16) !important;
  border: 1px solid rgba(200, 8, 61, 0.45) !important;
  color: #ffb3c5 !important;
}

.ts-signin__alert--success,
html body.ts-body .ts-signin .alert.alert-success.ts-signin__alert,
html body.ts-body .ts-signin .ts-signin__alert--success {
  background: rgba(52, 199, 89, 0.14) !important;
  border: 1px solid rgba(52, 199, 89, 0.4) !important;
  color: #b8f0c6 !important;
}

.ts-signin__alert--error .ts-signin__alert-body,
.ts-signin__alert--error .ts-signin__alert-body *,
html
  body.ts-body
  .ts-signin
  .alert.alert-danger.ts-signin__alert
  .ts-signin__alert-body,
html
  body.ts-body
  .ts-signin
  .alert.alert-danger.ts-signin__alert
  .ts-signin__alert-body
  * {
  color: #ffb3c5 !important;
}

.ts-signin__alert--success .ts-signin__alert-body,
.ts-signin__alert--success .ts-signin__alert-body *,
html
  body.ts-body
  .ts-signin
  .alert.alert-success.ts-signin__alert
  .ts-signin__alert-body,
html
  body.ts-body
  .ts-signin
  .alert.alert-success.ts-signin__alert
  .ts-signin__alert-body
  * {
  color: #b8f0c6 !important;
}

.ts-signin__alert .btn-close {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  width: 1em;
  height: 1em;
  padding: 0.25em;
  margin: 0;
  font-size: 16px;
  line-height: 1;
  color: currentColor;
  background: transparent
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707A1 1 0 0 1 .293.293z'/%3E%3C/svg%3E")
    center / 0.75em auto no-repeat;
  border: 0;
  border-radius: 4px;
  opacity: 0.7;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  box-sizing: content-box;
}

.ts-signin__alert .btn-close:hover {
  opacity: 1;
}

.ts-signin__alert.rtl-alert .btn-close {
  right: auto;
  left: 12px;
}

.ts-signin__field {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ts-signin__label {
  margin: 0;
  font-family: var(--ts-font);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #ebecef;
}

.ts-signin__control {
  position: relative;
  display: flex;
  align-items: center;
  height: 52px;
  padding: 0 48px 0 20px;
  border-radius: 12px;
  border: 0.4px solid rgba(255, 255, 255, 0.17);
  background: var(--ts-auth-field);
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.ts-signin__control:focus-within {
  border-color: rgba(255, 52, 93, 0.55);
  box-shadow: 0 0 0 3px rgba(200, 8, 61, 0.18);
}

.ts-signin__control-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin: 0 8px 0 0;
  padding: 0;
  opacity: 0.95;
  display: block;
  object-fit: contain;
  object-position: center;
  align-self: center;
}

.ts-signin__control-icon--password {
  width: 18px;
  height: 18px;
}

.ts-signin__input {
  flex: 1 1 auto;
  min-width: 0;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: none;
  background: transparent !important;
  color: #fff;
  font-family: var(--ts-font);
  font-size: 14px;
  font-weight: 400;
  line-height: 52px;
  box-shadow: none !important;
  align-self: center;
}

.ts-signin__input::placeholder {
  color: rgba(255, 255, 255, 0.55);
  line-height: 52px;
  vertical-align: middle;
}

.ts-signin__eye {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0.9;
}

.ts-signin__eye:hover {
  opacity: 1;
}

.ts-signin__eye img {
  width: 18px;
  height: 18px;
  display: block;
}

.ts-signin__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: -4px;
}

.ts-signin__remember {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
  cursor: pointer;
  user-select: none;
}

.ts-signin__checkbox {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
}

.ts-signin__checkbox-ui {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: rgba(255, 255, 255, 0.04);
  flex-shrink: 0;
  position: relative;
}

.ts-signin__checkbox:checked + .ts-signin__checkbox-ui {
  border-color: var(--ts-auth-pink-hot);
  background: var(--ts-auth-grad);
}

.ts-signin__checkbox:checked + .ts-signin__checkbox-ui::after {
  content: '';
  position: absolute;
  left: 4px;
  top: 1px;
  width: 5px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.ts-signin__forgot {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--ts-auth-pink-hot) !important;
  text-decoration: none !important;
  white-space: nowrap;
}

.ts-signin__forgot:hover {
  text-decoration: underline !important;
}

.ts-signin__forgot--muted {
  opacity: 0.55;
  cursor: default;
}

.ts-signin__captcha {
  margin-top: 4px;
  padding: 14px 16px;
  border-radius: 12px;
  border: 0.4px solid rgba(255, 255, 255, 0.17);
  background: var(--ts-auth-field);
  overflow: visible;
}

.ts-signin__captcha-label {
  margin: 0 0 12px;
  font-family: var(--ts-font);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: rgba(245, 246, 247, 0.85);
}

.ts-signin__captcha-widget {
  display: block;
  width: 100%;
  min-height: 78px;
  overflow: visible;
}

.ts-signin__captcha .g-recaptcha {
  display: inline-block;
  max-width: 100%;
  overflow: visible;
}

.ts-signin__captcha iframe {
  max-width: 100%;
}

/* Keep reCAPTCHA challenge / badge above auth chrome */
.ts-signin__panel,
.ts-signin__form,
.ts-signin__captcha,
.ts-signin__captcha-widget {
  overflow: visible;
}

body > div[style*='z-index: 2000000000'],
.grecaptcha-badge {
  z-index: 2147483647 !important;
}

/* =========================================================
   Perfect Panel captcha popup — "Verify you're human"
   (#module-captcha / .pp-custom-modal / hCaptcha)
   ========================================================= */
#customBackdrop.pp-custom-modal-backdrop,
.pp-custom-modal-backdrop#customBackdrop,
body > .pp-custom-modal-backdrop {
  background: rgba(4, 1, 2, 0.78) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  z-index: 10040 !important;
  opacity: 1 !important;
  transition: opacity 0.2s ease !important;
}

#module-captcha.pp-custom-modal,
body > #module-captcha.pp-custom-modal {
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  width: min(440px, calc(100vw - 32px)) !important;
  max-width: calc(100vw - 32px) !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: #12080c !important;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.6) !important;
  z-index: 10050 !important;
  overflow: hidden !important;
  font-family: var(--ts-font), system-ui, sans-serif !important;
  color: #fff !important;
}

#module-captcha.pp-custom-modal.fade {
  opacity: 0 !important;
  transition: opacity 0.2s ease !important;
}

#module-captcha.pp-custom-modal.in,
#module-captcha.pp-custom-modal.fade.in,
#module-captcha.pp-custom-modal.show {
  opacity: 1 !important;
}

#module-captcha .pp-custom-modal-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 14px 16px !important;
  border-bottom: none !important;
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%) !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-align: left !important;
}

#module-captcha .pp-custom-modal-header > span {
  flex: 1 1 auto;
  min-width: 0;
  color: #fff !important;
  font-family: var(--ts-font), system-ui, sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
}

#module-captcha .pp-custom-close {
  width: 36px !important;
  height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 10px !important;
  background: rgba(0, 0, 0, 0.28) !important;
  color: #fff !important;
  font-size: 22px !important;
  line-height: 1 !important;
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  cursor: pointer !important;
  transition: background 0.15s ease !important;
}

#module-captcha .pp-custom-close:hover {
  background: rgba(0, 0, 0, 0.45) !important;
}

#module-captcha .pp-custom-modal-body {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  padding: 28px 20px 32px !important;
  background: #12080c !important;
  text-align: center !important;
  min-height: 140px !important;
}

#module-captcha #dynamic-captcha,
#dynamic-captcha {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 78px !important;
}

#module-captcha #h-captcha-container,
#module-captcha #g-recaptcha-container {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
}

#module-captcha .spinner-border {
  width: 2.25rem;
  height: 2.25rem;
  border-width: 0.22em;
  border-color: rgba(255, 52, 93, 0.25);
  border-right-color: #ff345d;
  color: #ff345d;
}

/* Bootstrap modal path (if present) */
#module-captcha.modal {
  z-index: 10050 !important;
}

#module-captcha.modal .modal-dialog {
  max-width: 440px;
  margin: 1.75rem auto;
}

#module-captcha.modal .modal-content {
  border-radius: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: #12080c !important;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.6) !important;
  overflow: hidden;
  color: #fff !important;
}

#module-captcha.modal .modal-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-direction: row !important;
  gap: 12px;
  padding: 14px 16px !important;
  border-bottom: none !important;
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%) !important;
}

#module-captcha.modal .modal-title {
  margin: 0 !important;
  color: #fff !important;
  font-family: var(--ts-font), system-ui, sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
}

#module-captcha.modal .modal-header .close,
#module-captcha.modal .modal-header .btn-close {
  width: 36px;
  height: 36px;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 10px !important;
  background: rgba(0, 0, 0, 0.28) !important;
  color: #fff !important;
  opacity: 1 !important;
  text-shadow: none !important;
  font-size: 22px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#module-captcha.modal .modal-body {
  padding: 28px 20px 32px !important;
  background: #12080c !important;
}

.ts-signin__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 14px;
}

.ts-signin__submit {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 50px;
  padding: 12px 20px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 12px;
  background: var(--ts-auth-grad);
  color: #fff;
  font-family: var(--ts-font);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1.5;
  cursor: pointer;
  box-shadow:
    0 24px 16px rgba(200, 8, 61, 0.08),
    0 2px 3px rgba(200, 8, 61, 0.2);
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    filter 0.2s ease;
}

.ts-signin__submit:hover {
  filter: brightness(1.05);
  box-shadow:
    0 28px 20px rgba(200, 8, 61, 0.14),
    0 4px 10px rgba(200, 8, 61, 0.28);
  transform: translateY(-1px);
}

.ts-signin__submit-arrow {
  width: 12px;
  height: 12px;
  display: block;
  filter: brightness(0) invert(1);
}

.ts-signin__google,
.ts-signin__google-wrap .ts-signin__google {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: 52px;
  padding: 12px 20px;
  border: 0.4px solid rgba(255, 255, 255, 0.14);
  border-radius: 12px;
  background: rgba(152, 152, 152, 0.14);
  color: #fff !important;
  font-family: var(--ts-font);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  cursor: pointer;
  text-decoration: none !important;
  transition:
    background 0.2s ease,
    border-color 0.2s ease;
}

.ts-signin__google:hover:not(:disabled) {
  background: rgba(152, 152, 152, 0.22);
  border-color: rgba(255, 255, 255, 0.22);
}

.ts-signin__google:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.ts-signin__google-icon {
  width: 24px;
  height: 24px;
  display: block;
  flex-shrink: 0;
}

.ts-signin__google-wrap {
  position: relative;
  height: 52px;
  min-height: 52px;
  overflow: hidden;
  border-radius: 12px;
  cursor: pointer;
}

.ts-signin__google-wrap .ts-signin__google {
  position: relative;
  z-index: 1;
  pointer-events: none;
  height: 52px;
  min-height: 52px;
  box-sizing: border-box;
  padding: 0 20px;
}

.ts-signin__google-wrap .g_id_signin {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0.001 !important;
  z-index: 2;
  overflow: hidden !important;
  cursor: pointer !important;
}

.ts-signin__google-wrap .g_id_signin > div,
.ts-signin__google-wrap .S9gUrf-YoZ4jf {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  min-width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  cursor: pointer !important;
}

.ts-signin__google-wrap iframe {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  min-width: 100% !important;
  /* Google "large" is ~40px; scale to fill our 52px face */
  height: 40px !important;
  min-height: 40px !important;
  max-height: none !important;
  border: 0 !important;
  transform: scaleY(1.3) !important;
  transform-origin: top left !important;
  cursor: pointer !important;
}

.ts-signin__footer {
  margin: 15px 0 0;
  text-align: left;
  font-family: var(--ts-font);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  color: #fff;
}

.ts-signin__footer a {
  color: var(--ts-auth-pink-hot) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px;
}

.ts-signin__footer a:hover {
  color: #ff6a88 !important;
}

/* Signup: 2-column field grid (Figma 1135:691715) */
.ts-signin__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.ts-signin__meta--agree {
  justify-content: flex-start;
  margin-top: 0;
}

.ts-signin__agree-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
}

.ts-signin__agree-text a {
  color: var(--ts-auth-pink-hot) !important;
  text-decoration: underline !important;
}

.ts-signin--signup .ts-signin__submit {
  letter-spacing: 0;
  text-transform: none;
  font-size: 14px;
  font-weight: 600;
}

.ts-signin__desc {
  margin: -18px 0 28px;
  font-family: var(--ts-font);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  color: #dfe0e4;
}

.ts-signin__actions--single {
  grid-template-columns: 1fr;
}

.ts-signin__control--readonly {
  opacity: 0.72;
  cursor: default;
}

.ts-signin__control--readonly .ts-signin__input {
  cursor: default;
  color: rgba(255, 255, 255, 0.75);
}

.ts-signin--reset .ts-signin__submit,
.ts-signin--setpass .ts-signin__submit,
.ts-signin--2fa .ts-signin__submit {
  letter-spacing: 0;
  text-transform: none;
}

@media (max-width: 1100px) {
  .ts-signin__layout {
    grid-template-columns: 1fr;
    max-width: 720px;
    padding-top: 24px;
  }

  .ts-signin__visual {
    display: none;
  }

  .ts-signin__panel {
    order: 1;
    padding-top: 52px;
  }

  .ts-signin__back {
    top: 0;
  }
}

@media (max-width: 640px) {
  .ts-signin__layout {
    padding: 16px 16px 28px;
  }

  .ts-signin__card {
    padding: 28px 18px;
    border-radius: 18px;
  }

  .ts-signin__intro {
    font-size: 16px;
    line-height: 1.45;
    margin-bottom: 20px;
    width: 100%;
    max-width: 100%;
    text-wrap: pretty;
  }

  .ts-signin__brand {
    font-size: 16px;
  }

  .ts-signin__title {
    font-size: 22px;
    line-height: 1.3;
    margin-bottom: 20px;
    width: 100%;
    max-width: 100%;
    text-wrap: balance;
  }

  .ts-signin__tabs {
    margin-bottom: 24px;
  }

  .ts-signin__tab {
    font-size: 14px;
    padding: 10px 8px;
    gap: 6px;
  }

  .ts-signin__actions {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .ts-signin__grid {
    grid-template-columns: 1fr;
  }

  .ts-signin__captcha {
    padding: 12px;
  }

  .ts-signin__captcha-widget {
    min-height: 74px;
  }

  .ts-signin__captcha .g-recaptcha {
    transform: scale(0.95);
    transform-origin: left center;
  }

  .ts-signin__meta {
    flex-wrap: wrap;
  }

  .ts-signin__panel {
    padding-top: 52px;
  }

  .ts-signin__back {
    top: 0;
    right: 0;
    height: 40px;
    padding-right: 16px;
  }

  .ts-signin__back-text {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  .ts-signin__title {
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 18px;
  }

  .ts-signin__intro {
    font-size: 15px;
    line-height: 1.4;
  }

  .ts-signin__brand {
    font-size: 15px;
  }
}

@keyframes ts-signin-fade-up {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Opacity-only on the card — transform traps reCAPTCHA challenge positioning */
@keyframes ts-signin-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.ts-signin__card {
  animation: ts-signin-fade-in 0.55s ease both;
}

.ts-signin__avatar {
  animation: ts-signin-fade-up 0.7s ease 0.08s both;
}

.ts-signin__back {
  animation: ts-signin-fade-up 0.45s ease both;
}

/* Auth light — signin, signup, reset, 2fa, set pass */
.ts-body.is-light .ts-signin {
  background-color: #fdf6f7;
  background-image:
    radial-gradient(
      ellipse 72% 48% at 8% -4%,
      rgba(255, 148, 178, 0.38) 0%,
      transparent 58%
    ),
    radial-gradient(
      ellipse 58% 42% at 96% 8%,
      rgba(255, 177, 177, 0.3) 0%,
      transparent 52%
    ),
    radial-gradient(
      ellipse 64% 38% at 50% 102%,
      rgba(213, 42, 70, 0.1) 0%,
      transparent 58%
    ),
    linear-gradient(165deg, #fff5f8 0%, #fdf6f7 32%, #f8f8f8 68%, #fff0f4 100%);
  color: #343e56;
}

.ts-body.is-light .ts-signin__bg {
  display: none;
}

.ts-body.is-light .ts-signin::before,
.ts-body.is-light .ts-signin::after {
  content: '';
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
  filter: blur(72px);
  z-index: 0;
}

.ts-body.is-light .ts-signin::before {
  width: min(520px, 72vw);
  height: min(520px, 72vw);
  top: -140px;
  left: -120px;
  background: rgba(255, 121, 162, 0.24);
}

.ts-body.is-light .ts-signin::after {
  width: min(440px, 62vw);
  height: min(440px, 62vw);
  top: 18%;
  right: -100px;
  background: rgba(255, 177, 177, 0.2);
}

.ts-body.is-light .ts-signin__card {
  background: transparent !important;
  border: 0.5px solid #ff79a2 !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: 0 8px 32px rgba(190, 14, 75, 0.08);
}

.ts-body.is-light .ts-signin__card::before {
  background: #ffffff;
  border: 0.5px solid #ff79a2;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.ts-body.is-light .ts-signin__intro,
.ts-body.is-light .ts-signin__desc {
  color: #4f586d;
}

.ts-body.is-light .ts-signin__brand {
  color: #d01749;
}

.ts-body.is-light .ts-signin__tabs {
  background: #ffffff;
  border-color: rgba(255, 121, 162, 0.65);
  box-shadow: 0 2px 8px rgba(190, 14, 75, 0.06);
}

.ts-body.is-light .ts-signin__tab:not(.is-active) {
  color: #343e56 !important;
}

.ts-body.is-light .ts-signin__tab:not(.is-active):hover {
  background: rgba(254, 178, 198, 0.2);
}

.ts-body.is-light .ts-signin__tab:not(.is-active) .ts-signin__tab-icon {
  filter: brightness(0) saturate(100%) invert(14%) sepia(94%) saturate(3200%)
    hue-rotate(325deg) brightness(0.92);
}

.ts-body.is-light .ts-signin__title {
  color: #222e48;
}

.ts-body.is-light .ts-signin__title span {
  color: #d01749;
}

.ts-body.is-light .ts-signin__label {
  color: #13203b;
}

html body.ts-body.is-light .ts-signin .ts-signin__control {
  background: rgba(254, 178, 198, 0.17) !important;
  border: 0.5px solid #ff88a9 !important;
}

html body.ts-body.is-light .ts-signin .ts-signin__control:focus-within {
  border-color: #ff88a9 !important;
  box-shadow: 0 0 0 3px rgba(190, 14, 75, 0.12) !important;
}

html body.ts-body.is-light .ts-signin .ts-signin__input {
  color: #222e48 !important;
  -webkit-text-fill-color: #222e48 !important;
  caret-color: #222e48 !important;
}

html body.ts-body.is-light .ts-signin .ts-signin__input::placeholder {
  color: #4f586d !important;
  -webkit-text-fill-color: #4f586d !important;
  opacity: 1;
}

.ts-body.is-light .ts-signin .ts-signin__control-icon,
.ts-body.is-light .ts-signin .ts-signin__eye img {
  filter: brightness(0) saturate(100%) invert(14%) sepia(94%) saturate(3200%)
    hue-rotate(325deg) brightness(0.92);
}

.ts-body.is-light .ts-signin__remember,
.ts-body.is-light .ts-signin__agree-text {
  color: #343e56;
}

.ts-body.is-light .ts-signin__checkbox-ui {
  border-color: rgba(255, 136, 169, 0.85);
  background: rgba(254, 178, 198, 0.12);
}

.ts-body.is-light .ts-signin__footer {
  color: #4f586d;
}

.ts-body.is-light .ts-signin__back {
  background: #ffffff;
  border-color: #ff79a2;
  box-shadow: 0 2px 8px rgba(190, 14, 75, 0.1);
}

.ts-body.is-light .ts-signin__google,
.ts-body.is-light .ts-signin__google-wrap .ts-signin__google {
  background: #ffffff !important;
  border: 0.5px solid #ff88a9 !important;
  color: #222e48 !important;
}

.ts-body.is-light .ts-signin__google:hover:not(:disabled) {
  background: rgba(254, 178, 198, 0.14) !important;
  border-color: #ff79a2 !important;
}

.ts-body.is-light .ts-signin__captcha {
  background: rgba(254, 178, 198, 0.12);
  border: 0.5px solid #ff88a9;
}

.ts-body.is-light .ts-signin__captcha-label {
  color: #343e56;
}

/* Captcha popup — light mode */
.ts-body.is-light #customBackdrop.pp-custom-modal-backdrop,
.ts-body.is-light body > .pp-custom-modal-backdrop {
  background: rgba(34, 46, 72, 0.45) !important;
}

.ts-body.is-light #module-captcha.pp-custom-modal,
.ts-body.is-light body > #module-captcha.pp-custom-modal {
  background: #ffffff !important;
  border: 0.5px solid #ff79a2 !important;
  box-shadow: 0 16px 48px rgba(190, 14, 75, 0.16) !important;
  color: #222e48 !important;
}

.ts-body.is-light #module-captcha .pp-custom-modal-body {
  background: #ffffff !important;
}

.ts-body.is-light #module-captcha.modal .modal-content,
.ts-body.is-light #module-captcha.modal .modal-body {
  background: #ffffff !important;
  color: #222e48 !important;
  border-color: #ff79a2 !important;
}

.ts-body.is-light .ts-signin__alert--error,
html body.ts-body.is-light .ts-signin .alert.alert-danger.ts-signin__alert,
html body.ts-body.is-light .ts-signin .ts-signin__alert--error {
  background: rgba(190, 14, 75, 0.08) !important;
  border-color: rgba(190, 14, 75, 0.35) !important;
  color: #be0e4b !important;
}

.ts-body.is-light .ts-signin__alert--success,
html body.ts-body.is-light .ts-signin .alert.alert-success.ts-signin__alert,
html body.ts-body.is-light .ts-signin .ts-signin__alert--success {
  background: rgba(52, 199, 89, 0.1) !important;
  border-color: rgba(52, 199, 89, 0.35) !important;
  color: #1e7e34 !important;
}

.ts-body.is-light .ts-signin__alert--error .ts-signin__alert-body,
.ts-body.is-light .ts-signin__alert--error .ts-signin__alert-body *,
html
  body.ts-body.is-light
  .ts-signin
  .alert.alert-danger.ts-signin__alert
  .ts-signin__alert-body,
html
  body.ts-body.is-light
  .ts-signin
  .alert.alert-danger.ts-signin__alert
  .ts-signin__alert-body
  * {
  color: #be0e4b !important;
}

.ts-body.is-light .ts-signin__alert--success .ts-signin__alert-body,
.ts-body.is-light .ts-signin__alert--success .ts-signin__alert-body *,
html
  body.ts-body.is-light
  .ts-signin
  .alert.alert-success.ts-signin__alert
  .ts-signin__alert-body,
html
  body.ts-body.is-light
  .ts-signin
  .alert.alert-success.ts-signin__alert
  .ts-signin__alert-body
  * {
  color: #1e7e34 !important;
}

.ts-body.is-light .ts-signin__alert .btn-close {
  background: transparent
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23be0e4b'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E")
    center / 0.75em auto no-repeat;
}

/* Dashboard light — Figma 4001:211319 */
.ts-body.is-light .ts-dashboard .ts-dash-hero__banner {
  background-image: url('https://my-techsmm-com.ahmad-iftekhar2004.workers.dev/hero-light-bg.png') !important;
  background-color: #ffe8ef;
}

.ts-body.is-light .ts-dashboard .ts-dash-hero__title {
  color: #222e48;
}

.ts-body.is-light .ts-dashboard .ts-dash-hero__desc {
  color: #404a60;
}

.ts-body.is-light .ts-dashboard .ts-dash-info {
  border-color: rgba(255, 113, 151, 0.95);
  background: rgba(255, 96, 140, 0.08);
}

.ts-body.is-light .ts-dashboard .ts-dash-info__plus::before {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(190, 14, 75, 0.28) 20%,
    rgba(190, 14, 75, 0.75) 50%,
    rgba(190, 14, 75, 0.28) 80%,
    transparent 100%
  );
  box-shadow: none;
}

.ts-body.is-light .ts-dashboard .ts-dash-info__plus::after {
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(190, 14, 75, 0.28) 20%,
    rgba(190, 14, 75, 0.75) 50%,
    rgba(190, 14, 75, 0.28) 80%,
    transparent 100%
  );
  box-shadow: none;
}

.ts-body.is-light .ts-dashboard .ts-dash-info__cell {
  border: 0.5px solid rgba(255, 255, 255, 0.5);
  background: linear-gradient(
    107deg,
    rgba(255, 30, 92, 0.5) 2.4%,
    rgba(255, 73, 122, 0.33) 95.76%
  );
}

.ts-body.is-light .ts-dashboard .ts-dash-info__label {
  color: #13203b;
}

.ts-body.is-light .ts-dashboard .ts-dash-info__value {
  color: #ffffff;
}

.ts-body.is-light .ts-dashboard .ts-dash-stat {
  border: 0.5px solid #ff94b2;
  background-color: transparent;
  background-image: linear-gradient(
    142deg,
    rgba(255, 31, 69, 0.5) 7.1%,
    rgba(255, 165, 180, 0.5) 24.3%
  ) !important;
}

.ts-body.is-light .ts-dashboard .ts-dash-stat__icon {
  border: 0.5px solid rgba(255, 255, 255, 0.1);
  background: #ffffff;
  backdrop-filter: none;
}

.ts-body.is-light .ts-dashboard .ts-dash-stat__icon img {
  filter: brightness(0) saturate(100%) invert(14%) sepia(94%) saturate(3200%)
    hue-rotate(325deg) brightness(0.92);
}

.ts-body.is-light .ts-dashboard .ts-dash-stat__label,
.ts-body.is-light .ts-dashboard .ts-dash-stat__value {
  color: #222e48;
}

.ts-body.is-light .ts-dashboard .ts-dash-progress {
  border-color: rgba(255, 255, 255, 0.19);
  background: linear-gradient(
    180deg,
    rgba(232, 22, 71, 0.2) 0%,
    rgba(239, 27, 73, 0.11) 100%
  );
}

.ts-body.is-light .ts-dashboard .ts-dash-progress__labels,
.ts-body.is-light .ts-dashboard .ts-dash-progress__name,
.ts-body.is-light .ts-dashboard .ts-dash-progress__hint {
  color: #222e48;
}

.ts-body.is-light .ts-dashboard .ts-dash-progress__track {
  background: #ffffff;
}

.ts-body.is-light .ts-dashboard .ts-dash-progress__pill {
  background: #ff9ec3;
  color: #ffffff;
}

.ts-body.is-light .ts-dashboard .ts-dash-levelcard {
  border-color: rgba(246, 32, 89, 0.95);
  background: #ffffff;
}

.ts-body.is-light .ts-dashboard .ts-dash-levelcard__spent {
  color: #404a60;
}

.ts-body.is-light .ts-dashboard .ts-dash-leveltable {
  background: rgba(160, 160, 160, 0.15);
}

.ts-body.is-light .ts-dashboard .ts-dash-leveltable__body {
  scrollbar-color: #be0e4b rgba(160, 160, 160, 0.35);
}

.ts-body.is-light
  .ts-dashboard
  .ts-dash-leveltable__body::-webkit-scrollbar-track {
  background: rgba(160, 160, 160, 0.35);
}

.ts-body.is-light .ts-dashboard .ts-dash-leveltable__head {
  background: linear-gradient(
    90deg,
    rgba(190, 14, 75, 0.7) 0%,
    rgba(145, 19, 63, 0.7) 100%
  );
  color: #f5f6f7;
}

.ts-body.is-light .ts-dashboard .ts-dash-leveltable__row {
  color: #343e56;
  border-bottom-color: rgba(0, 0, 0, 0.12);
}

.ts-body.is-light .ts-dashboard .ts-dash-leveltable__row.is-active {
  color: #f5f6f7;
}

.ts-body.is-light .ts-dashboard .ts-dash-leveltable__row.is-active::before {
  background: #f5f6f7;
}

.ts-body.is-light .ts-dashboard .ts-dash-all__features {
  border-color: #ffa0ba;
  background: #ffffff;
}

.ts-body.is-light .ts-dashboard .ts-dash-all__features-head {
  background: #efefef;
}

.ts-body.is-light .ts-dashboard .ts-dash-all__medal-wrap {
  border-color: rgba(0, 0, 0, 0.1);
  background: #ffffff;
}

.ts-body.is-light .ts-dashboard .ts-dash-all__feature-list li {
  color: #343e56;
  border-bottom-color: rgba(0, 0, 0, 0.1);
}

.ts-body.is-light .ts-dashboard .ts-dash-all__col {
  border-color: #ffa0ba;
  background: #ffffff;
}

.ts-body.is-light .ts-dashboard .ts-dash-all__col-title {
  color: #343e56;
}

.ts-body.is-light .ts-dashboard .ts-dash-all__col-bonus {
  color: #404a60;
}

.ts-body.is-light .ts-dashboard .ts-dash-all__checks {
  border-top-color: rgba(0, 0, 0, 0.1);
}

.ts-body.is-light .ts-dashboard .ts-dash-all__feature-list {
  border-top-color: rgba(0, 0, 0, 0.1);
}

.ts-body.is-light .ts-dashboard .ts-dash-all__checks li {
  border-bottom-color: rgba(0, 0, 0, 0.1);
}

/* —— Dashboard (Figma 2296:29490) —— */
.ts-dashboard {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-bottom: 0;
}

/* Hero */
.ts-dash-hero {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  width: 100%;
  --ts-dash-hero-h: 195px;
}

.ts-dash-hero__main {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  padding-top: 0;
}

.ts-dash-hero__banner {
  position: relative;
  height: var(--ts-dash-hero-h);
  min-height: var(--ts-dash-hero-h);
  box-sizing: border-box;
  border-radius: 24px;
  background-color: rgba(190, 14, 75, 0.12);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  overflow: hidden;
  padding: 50px 160px 28px 27px;
}

.ts-dash-hero__copy {
  position: relative;
  z-index: 1;
  max-width: 100%;
}

.ts-dash-hero__title {
  margin: 0 0 8px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.45;
  color: #fafafb;
}

@media (min-width: 1701px) {
  .ts-dash-hero__banner {
    padding-right: 140px;
  }

  .ts-dash-hero__title {
    white-space: nowrap;
  }
}

.ts-dash-hero__desc {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #ebecef;
}

.ts-dash-hero__avatar {
  position: absolute;
  right: 36px;
  bottom: 0;
  width: 122px;
  height: 197px;
  object-fit: contain;
  pointer-events: none;
  z-index: 2;
}

/* User info grid */
.ts-dash-info {
  position: relative;
  flex: 0 0 auto;
  align-self: flex-start;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 10px;
  width: 498px;
  max-width: 100%;
  height: var(--ts-dash-hero-h);
  min-height: var(--ts-dash-hero-h);
  margin-top: 0;
  padding: 12px;
  box-sizing: border-box;
  border-radius: 20px;
  border: 0.6px solid rgba(255, 255, 255, 0.14);
  background: rgba(10, 4, 6, 0.55);
}

.ts-dash-info__plus {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  width: 48px;
  height: 48px;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.ts-dash-info__plus::before,
.ts-dash-info__plus::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 2px;
  transform: translate(-50%, -50%);
}

.ts-dash-info__plus::before {
  width: 42px;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.35) 20%,
    rgba(255, 255, 255, 0.95) 50%,
    rgba(255, 255, 255, 0.35) 80%,
    transparent 100%
  );
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.45);
}

.ts-dash-info__plus::after {
  width: 2px;
  height: 42px;
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(255, 255, 255, 0.35) 20%,
    rgba(255, 255, 255, 0.95) 50%,
    rgba(255, 255, 255, 0.35) 80%,
    transparent 100%
  );
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.45);
}

.ts-dash-info__cell {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 0;
  height: 100%;
  padding: 12px 20px;
  border-radius: 12px;
  border: none;
  background: linear-gradient(
    179deg,
    rgba(91, 8, 37, 0.84) 3%,
    rgba(34, 5, 15, 0.84) 97%
  );
  overflow: hidden;
}

.ts-dash-info__label {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #d2d2d2;
}

.ts-dash-info__value {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  color: #dfe0e4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Mid layout */
.ts-dash-mid {
  display: flex;
  gap: 28px;
  align-items: stretch;
  width: 100%;
}

.ts-dash-mid__left {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Stat cards */
.ts-dash-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.ts-dash-stat {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 18px 24px;
  border-radius: 20px;
  border: 0.5px solid rgba(255, 255, 255, 0.12);
  background-color: rgba(104, 104, 104, 0.06);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
  min-height: 128px;
}

.ts-dash-stat__head {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ts-dash-stat__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  border: 0.5px solid rgba(255, 255, 255, 0.18);
  background: linear-gradient(
    176deg,
    rgba(91, 8, 37, 0.5) 3%,
    rgba(34, 5, 15, 0.5) 97%
  );
  backdrop-filter: blur(8px);
  flex-shrink: 0;
}

.ts-dash-stat__icon img {
  width: 22px;
  height: 22px;
  display: block;
}

.ts-dash-stat__label {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #d2d2d2;
}

.ts-dash-stat__value {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.45;
  color: #ebecef;
}

/* Progress */
.ts-dash-progress {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 20px 24px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.19);
  background: linear-gradient(
    179deg,
    rgba(91, 8, 37, 0.4) 3%,
    rgba(34, 5, 15, 0.4) 97%
  );
  overflow: hidden;
}

.ts-dash-progress__labels {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #dfe0e4;
}

.ts-dash-progress__titles {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ts-dash-progress__side {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ts-dash-progress__side--end {
  justify-content: flex-end;
}

.ts-dash-progress__name {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  color: #f5f6f7;
}

.ts-dash-progress__side img {
  width: 30px;
  height: 28px;
  object-fit: contain;
}

.ts-dash-progress__track {
  position: relative;
  width: 100%;
  height: 24px;
  border-radius: 100px;
  background: rgba(214, 214, 214, 0.23);
  backdrop-filter: blur(100px);
  overflow: hidden;
}

.ts-dash-progress__fill {
  position: relative;
  height: 100%;
  min-width: 72px;
  max-width: 100%;
  border-radius: 100px;
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-left: 4px;
  transition: width 0.6s ease;
}

.ts-dash-progress__pill {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 8px;
  border-radius: 20px 500px 500px 20px;
  background: #fff;
  color: #1a1a1a;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.02);
}

.ts-dash-progress__hint {
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  color: #dfe0e4;
}

/* Level status card */
.ts-dash-levelcard {
  flex: 0 0 665px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 22px;
  border-radius: 24px;
  border: 0.5px solid rgba(255, 255, 255, 0.32);
  background: rgba(32, 14, 19, 0.26);
}

.ts-dash-levelcard__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.ts-dash-levelcard__user {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}

.ts-dash-levelcard__avatar-wrap {
  position: relative;
  width: 80px;
  height: 80px;
  flex-shrink: 0;
}

.ts-dash-levelcard__ring {
  position: absolute;
  inset: 0;
  width: 80px;
  height: 80px;
}

.ts-dash-levelcard__ring--light {
  display: none;
}

.ts-body.is-light .ts-dashboard .ts-dash-levelcard__ring--dark {
  display: none;
}

.ts-body.is-light .ts-dashboard .ts-dash-levelcard__ring--light {
  display: block;
}

.ts-dash-levelcard__photo {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
  transform: translate(-50%, -50%);
}

.ts-dash-levelcard__meta {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.ts-dash-levelcard__name-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.ts-dash-levelcard__name {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  background: linear-gradient(146deg, #ff608c 23%, #df1149 78%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.ts-dash-levelcard__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #fff;
  background: linear-gradient(124deg, #ea7bfb 5%, #ff6cae 47%, #ffba86 100%);
  box-shadow: inset 0 4px 4px rgba(255, 255, 255, 0.12);
}

.ts-dash-levelcard__spent {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #dfe0e4;
}

.ts-dash-levelcard__crown {
  width: 76px;
  height: 80px;
  object-fit: contain;
  flex-shrink: 0;
}

.ts-dash-leveltable {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  max-height: 300px;
  border-radius: 14px;
  background: rgba(86, 86, 86, 0.15);
  overflow: hidden;
}

.ts-dash-leveltable__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-top: 8px;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: #be0e4b rgba(160, 160, 160, 0.28);
}

.ts-dash-leveltable__body::-webkit-scrollbar {
  width: 10px;
}

.ts-dash-leveltable__body::-webkit-scrollbar-track {
  margin: 2px 0;
  border-radius: 999px;
  background: rgba(160, 160, 160, 0.28);
}

.ts-dash-leveltable__body::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: #be0e4b;
  border: 2px solid transparent;
  background-clip: padding-box;
}

.ts-dash-leveltable__body::-webkit-scrollbar-thumb:hover {
  background: #91133f;
  background-clip: padding-box;
  border: 2px solid transparent;
}

.ts-dash-leveltable__body::-webkit-scrollbar-button:single-button {
  display: block;
  height: 12px;
  width: 10px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 6px;
}

.ts-dash-leveltable__body::-webkit-scrollbar-button:single-button:vertical:decrement {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6' fill='none'%3E%3Cpath d='M4 1L7 5H1L4 1Z' fill='%23be0e4b'/%3E%3C/svg%3E");
}

.ts-dash-leveltable__body::-webkit-scrollbar-button:single-button:vertical:increment {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6' fill='none'%3E%3Cpath d='M4 5L1 1H7L4 5Z' fill='%23be0e4b'/%3E%3C/svg%3E");
}

.ts-dash-leveltable__body::-webkit-scrollbar-corner {
  background: transparent;
}

.ts-dash-leveltable__head,
.ts-dash-leveltable__row {
  display: grid;
  grid-template-columns: 1.2fr 1.1fr 0.9fr 0.8fr;
  align-items: center;
  gap: 8px;
  padding: 14px;
}

.ts-dash-leveltable__head {
  flex-shrink: 0;
  padding: 12px 14px;
  background: linear-gradient(
    90deg,
    rgba(190, 14, 75, 0.4) 0%,
    rgba(145, 19, 63, 0.4) 100%
  );
  border-radius: 12px 12px 0 0;
  font-size: 16px;
  font-weight: 500;
  color: #f5f6f7;
}

.ts-dash-leveltable__head span,
.ts-dash-leveltable__row span {
  padding: 6px 10px;
}

.ts-dash-leveltable__row {
  position: relative;
  font-size: 14px;
  font-weight: 500;
  color: #ebecef;
  border-bottom: 1px dashed #404a60;
}

.ts-dash-leveltable__body .ts-dash-leveltable__row:last-child {
  border-bottom: 0;
}

.ts-dash-leveltable__row.is-active {
  background: linear-gradient(90deg, #be0e4b 0%, #91133f 100%);
  backdrop-filter: blur(50px);
  border-top: 0;
  border-bottom: 0;
  border-radius: 10px;
}

.ts-dash-leveltable__row:has(+ .is-active) {
  border-bottom: 0;
}

.ts-dash-leveltable__row.is-active::before {
  content: '';
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 33px;
  border-radius: 50px;
  background: #ebecef;
}

.ts-dash-leveltable__support {
  display: flex;
  align-items: center;
}

.ts-dash-leveltable__support img {
  width: 24px;
  height: 24px;
  display: block;
}

/* All levels */
.ts-dash-all {
  --ts-dash-all-row-h: 62px;
  --ts-dash-all-head-h: 120px;
  display: flex;
  gap: 12px;
  align-items: flex-start;
  width: 100%;
  overflow-x: auto;
  padding-top: 18px;
  padding-bottom: 4px;
}

.ts-dash-all__features {
  flex: 0 0 293px;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #0a0a0a;
  overflow: hidden;
}

.ts-dash-all__features-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  min-height: calc(var(--ts-dash-all-head-h) - 4px);
  margin: 4px 4px 0;
  padding: 4px 4px 4px 14px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.06);
  box-sizing: border-box;
}

.ts-dash-all__features-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  background: linear-gradient(127deg, #ff608c 23%, #df1149 78%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.ts-dash-all__medal-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 61px;
  height: 61px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #0a0a0a;
}

.ts-dash-all__medal-wrap img {
  width: 38px;
  height: 50px;
  object-fit: contain;
}

.ts-dash-all__feature-list {
  list-style: none;
  margin: 0;
  padding: 0 30px 28px;
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.ts-dash-all__feature-list li {
  display: flex;
  align-items: center;
  min-height: var(--ts-dash-all-row-h);
  height: var(--ts-dash-all-row-h);
  padding: 0;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #fafafb;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.ts-dash-all__feature-list li:last-child {
  border-bottom: 0;
}

.ts-dash-all__cols {
  display: flex;
  flex: 1 1 auto;
  gap: 12px;
  min-width: 0;
}

.ts-dash-all__col {
  position: relative;
  flex: 1 1 0;
  min-width: 148px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  padding: 0 12px 20px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #0a0a0a;
  box-sizing: border-box;
}

.ts-dash-all__col.is-active {
  border: 1.5px solid #ff608c;
  box-shadow: 0 0 18px rgba(190, 14, 75, 0.35);
}

.ts-dash-all__col.is-active::before {
  content: 'CURRENT';
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  padding: 5px 14px;
  border-radius: 999px;
  background: linear-gradient(90deg, #be0e4b 0%, #df1149 100%);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.2;
  white-space: nowrap;
  box-shadow: 0 4px 14px rgba(190, 14, 75, 0.55);
}

.ts-dash-all__col-head {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-height: var(--ts-dash-all-head-h);
  gap: 15px;
  text-align: center;
  width: 100%;
  padding-top: 4px;
  box-sizing: border-box;
}

.ts-dash-all__col-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
}

.ts-dash-all__col-range {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  background: linear-gradient(133deg, #ff608c 23%, #df1149 78%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.ts-dash-all__col-bonus {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #d3d3d3;
}

.ts-dash-all__col-crown {
  position: absolute;
  top: -8px;
  right: 4px;
  width: 30px;
  height: 28px;
  object-fit: contain;
}

.ts-dash-all__checks {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.ts-dash-all__checks li {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: var(--ts-dash-all-row-h);
  height: var(--ts-dash-all-row-h);
  box-sizing: border-box;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.ts-dash-all__feat-label {
  display: none;
  flex: 1 1 auto;
  min-width: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  color: #fafafb;
  text-align: left;
}

.ts-dash-all__feat-state {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.ts-dash-all__checks li:last-child {
  border-bottom: 0;
}

.ts-dash-all__checks img {
  width: 24px;
  height: 24px;
  display: block;
}

/* Motion */
@keyframes ts-dash-fade-up {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ts-dash-hero {
  animation: ts-dash-fade-up 0.5s ease both;
}

.ts-dash-mid {
  animation: ts-dash-fade-up 0.55s ease 0.06s both;
}

.ts-dash-all {
  animation: ts-dash-fade-up 0.6s ease 0.12s both;
}

html body.ts-body.is-light .ts-dashboard .ts-dash-stat {
  background-image: linear-gradient(
    142deg,
    rgba(255, 31, 69, 0.5) 7.1%,
    rgba(255, 165, 180, 0.5) 24.3%
  ) !important;
}

html body.ts-body.is-light .ts-dashboard .ts-dash-stat__label,
html body.ts-body.is-light .ts-dashboard .ts-dash-stat__value {
  color: #222e48 !important;
}

html body.ts-body.is-light .ts-dashboard .ts-dash-hero__title {
  color: #222e48 !important;
}

html body.ts-body.is-light .ts-dashboard .ts-dash-hero__desc {
  color: #404a60 !important;
}

html body.ts-body.is-light .ts-dashboard .ts-dash-leveltable__row {
  color: #343e56 !important;
}

html body.ts-body.is-light .ts-dashboard .ts-dash-leveltable__row.is-active {
  color: #f5f6f7 !important;
}

html body.ts-body.is-light .ts-dashboard .ts-dash-all__feature-list li {
  color: #343e56 !important;
}

html body.ts-body.is-light .ts-dashboard .ts-dash-all__feat-label {
  color: #343e56 !important;
}

html body.ts-body.is-light .ts-dashboard .ts-dash-all__col-title {
  color: #343e56 !important;
}

/* —— Dashboard responsive —— */

/* Compact desktop: keep layout, shrink type / gaps */
@media (max-width: 1700px) {
  .ts-dashboard {
    gap: 18px;
    padding-bottom: 0;
  }

  .ts-dash-hero {
    gap: 10px;
    --ts-dash-hero-h: 170px;
  }

  .ts-dash-hero__main {
    padding-top: 0;
  }

  .ts-dash-hero__banner {
    padding: 36px 130px 22px 20px;
    border-radius: 20px;
  }

  .ts-dash-hero__title {
    margin-bottom: 6px;
    font-size: 20px;
    line-height: 1.35;
  }

  .ts-dash-hero__desc {
    font-size: 13px;
  }

  .ts-dash-hero__avatar {
    right: 24px;
    width: 100px;
    height: 162px;
  }

  .ts-dash-info {
    width: 420px;
    margin-top: 0;
    padding: 10px;
    gap: 8px;
    border-radius: 16px;
  }

  .ts-dash-info__plus {
    width: 40px;
    height: 40px;
  }

  .ts-dash-info__plus::before {
    width: 34px;
  }

  .ts-dash-info__plus::after {
    height: 34px;
  }

  .ts-dash-info__cell {
    padding: 10px 14px;
    border-radius: 10px;
  }

  .ts-dash-info__label {
    font-size: 12px;
  }

  .ts-dash-info__value {
    font-size: 15px;
  }

  .ts-dash-mid {
    gap: 18px;
  }

  .ts-dash-mid__left {
    gap: 12px;
  }

  .ts-dash-stats {
    gap: 12px;
  }

  .ts-dash-stat {
    gap: 16px;
    min-height: 108px;
    padding: 14px 16px;
    border-radius: 16px;
  }

  .ts-dash-stat__icon {
    width: 38px;
    height: 38px;
    border-radius: 10px;
  }

  .ts-dash-stat__icon img {
    width: 18px;
    height: 18px;
  }

  .ts-dash-stat__label {
    font-size: 12px;
  }

  .ts-dash-stat__value {
    font-size: 20px;
  }

  .ts-dash-progress {
    gap: 6px;
    padding: 14px 16px;
    border-radius: 16px;
  }

  .ts-dash-progress__labels {
    font-size: 12px;
  }

  .ts-dash-progress__name {
    font-size: 15px;
  }

  .ts-dash-progress__side img {
    width: 26px;
    height: 24px;
  }

  .ts-dash-progress__track,
  .ts-dash-progress__pill {
    height: 22px;
  }

  .ts-dash-progress__fill {
    min-width: 64px;
  }

  .ts-dash-progress__pill {
    font-size: 11px;
    padding: 0 7px;
  }

  .ts-dash-progress__hint {
    font-size: 11px;
  }

  .ts-dash-levelcard {
    flex: 0 0 520px;
    gap: 14px;
    padding: 16px;
    border-radius: 18px;
  }

  .ts-dash-levelcard__avatar-wrap,
  .ts-dash-levelcard__ring {
    width: 64px;
    height: 64px;
  }

  .ts-dash-levelcard__photo {
    width: 48px;
    height: 48px;
  }

  .ts-dash-levelcard__user {
    gap: 12px;
  }

  .ts-dash-levelcard__name {
    font-size: 15px;
  }

  .ts-dash-levelcard__badge {
    padding: 4px 10px;
    font-size: 13px;
  }

  .ts-dash-levelcard__spent {
    font-size: 12px;
  }

  .ts-dash-levelcard__crown {
    width: 56px;
    height: 60px;
  }

  .ts-dash-leveltable__head,
  .ts-dash-leveltable__row {
    padding: 10px 12px;
    gap: 6px;
  }

  .ts-dash-leveltable__head {
    font-size: 13px;
  }

  .ts-dash-leveltable__head span,
  .ts-dash-leveltable__row span {
    padding: 4px 6px;
  }

  .ts-dash-leveltable__row {
    font-size: 12px;
  }

  .ts-dash-leveltable__support img {
    width: 20px;
    height: 20px;
  }

  .ts-dash-all {
    --ts-dash-all-row-h: 52px;
    --ts-dash-all-head-h: 108px;
    gap: 8px;
    padding-top: 18px;
  }

  .ts-dash-all__features {
    flex: 0 0 240px;
  }

  .ts-dash-all__features-title {
    font-size: 15px;
  }

  .ts-dash-all__medal-wrap {
    width: 52px;
    height: 52px;
  }

  .ts-dash-all__medal-wrap img {
    width: 30px;
    height: 40px;
  }

  .ts-dash-all__feature-list {
    padding: 0 18px 20px;
  }

  .ts-dash-all__cols {
    gap: 8px;
  }

  .ts-dash-all__col {
    min-width: 118px;
    padding: 0 8px 14px;
  }

  .ts-dash-all__feature-list li {
    font-size: 12px;
  }

  .ts-dash-all__col-head {
    gap: 10px;
  }

  .ts-dash-all__col-title {
    font-size: 12px;
  }

  .ts-dash-all__col-range {
    font-size: 13px;
  }

  .ts-dash-all__col-bonus {
    font-size: 10px;
  }

  .ts-dash-all__col-crown {
    width: 24px;
    height: 22px;
  }

  .ts-dash-all__checks img {
    width: 20px;
    height: 20px;
  }

  .ts-dash-all__col.is-active::before {
    top: 0;
    padding: 5px 12px;
    font-size: 9px;
  }
}

/* Tighter laptop — still desktop composition */
@media (max-width: 1400px) {
  .ts-dashboard {
    gap: 16px;
  }

  .ts-dash-hero {
    --ts-dash-hero-h: 156px;
    gap: 8px;
  }

  .ts-dash-hero__main {
    padding-top: 0;
  }

  .ts-dash-hero__banner {
    padding: 28px 110px 18px 16px;
  }

  .ts-dash-hero__title {
    font-size: 18px;
    white-space: normal;
  }

  .ts-dash-hero__desc {
    font-size: 12px;
  }

  .ts-dash-hero__avatar {
    right: 16px;
    width: 88px;
    height: 142px;
  }

  .ts-dash-info {
    width: 360px;
    margin-top: 0;
    padding: 8px;
  }

  .ts-dash-info__cell {
    padding: 8px 12px;
  }

  .ts-dash-info__label {
    font-size: 11px;
  }

  .ts-dash-info__value {
    font-size: 13px;
  }

  .ts-dash-mid {
    gap: 14px;
  }

  .ts-dash-stats {
    gap: 10px;
  }

  .ts-dash-stat {
    min-height: 96px;
    padding: 12px 14px;
    gap: 12px;
  }

  .ts-dash-stat__value {
    font-size: 16px;
  }

  .ts-dash-levelcard {
    flex: 0 0 440px;
    padding: 14px;
    gap: 12px;
  }

  .ts-dash-all {
    --ts-dash-all-row-h: 48px;
    --ts-dash-all-head-h: 96px;
  }

  .ts-dash-all__features {
    flex: 0 0 210px;
  }

  .ts-dash-all__col {
    min-width: 108px;
    padding: 0 6px 12px;
  }

  .ts-dash-all__col-head {
    gap: 8px;
  }
}

/* Tablet: stack mid + hero info */
@media (max-width: 1100px) {
  .ts-dashboard {
    overflow-x: hidden;
    gap: 16px;
  }

  .ts-dash-hero {
    flex-wrap: wrap;
    --ts-dash-hero-h: auto;
  }

  .ts-dash-hero__main {
    width: 100%;
    flex: 1 1 100%;
    padding-top: 0;
  }

  .ts-dash-hero__banner {
    height: auto;
    min-height: 150px;
    padding: 32px 120px 24px 18px;
  }

  .ts-dash-info {
    width: 100%;
    height: auto;
    min-height: 0;
    margin-top: 0;
  }

  .ts-dash-mid {
    flex-direction: column;
  }

  .ts-dash-levelcard {
    flex: 1 1 auto;
    width: 100%;
    max-width: 100%;
  }

  .ts-dash-all {
    -webkit-overflow-scrolling: touch;
  }
}

/* Mobile */
@media (max-width: 900px) {
  .ts-dashboard {
    gap: 14px;
    padding-bottom: 20px;
  }

  .ts-dash-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .ts-dash-hero__banner {
    min-height: 140px;
    padding: 28px 100px 22px 16px;
    border-radius: 16px;
  }

  .ts-dash-hero__avatar {
    right: 10px;
    width: 80px;
    height: 130px;
  }

  .ts-dash-hero__title {
    font-size: 18px;
    padding-right: 72px;
  }

  .ts-dash-hero__desc {
    font-size: 12px;
    line-height: 1.4;
  }

  .ts-dash-info {
    padding: 10px;
    border-radius: 14px;
  }

  .ts-dash-info__cell {
    padding: 12px;
  }

  .ts-dash-info__label {
    font-size: 12px;
  }

  .ts-dash-info__value {
    font-size: 14px;
  }

  .ts-dash-stat {
    min-height: 0;
    padding: 14px 12px;
    gap: 14px;
    border-radius: 14px;
  }

  .ts-dash-stat__icon {
    width: 36px;
    height: 36px;
  }

  .ts-dash-stat__label {
    font-size: 12px;
  }

  .ts-dash-stat__value {
    font-size: 18px;
  }

  .ts-dash-progress {
    padding: 14px;
    border-radius: 14px;
  }

  .ts-dash-progress__name {
    font-size: 14px;
  }

  .ts-dash-progress__track {
    height: 22px;
  }

  .ts-dash-progress__fill {
    min-width: 56px;
  }

  .ts-dash-progress__pill {
    height: 20px;
    font-size: 10px;
  }

  .ts-dash-levelcard {
    padding: 14px;
    border-radius: 16px;
  }

  .ts-dash-levelcard__head {
    gap: 12px;
  }

  .ts-dash-levelcard__avatar-wrap,
  .ts-dash-levelcard__ring {
    width: 56px;
    height: 56px;
  }

  .ts-dash-levelcard__photo {
    width: 42px;
    height: 42px;
  }

  .ts-dash-levelcard__crown {
    width: 48px;
    height: 52px;
  }

  .ts-dash-leveltable__body {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .ts-dash-leveltable__head,
  .ts-dash-leveltable__row {
    min-width: 420px;
  }

  .ts-dash-all {
    flex-direction: column;
    overflow: visible;
    gap: 14px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .ts-dash-all__features {
    flex: none;
    width: 100%;
  }

  .ts-dash-all__feature-list {
    display: none;
  }

  .ts-dash-all__features-head {
    margin: 0;
    padding: 12px 14px;
  }

  .ts-dash-all__features-title {
    font-size: 16px;
  }

  .ts-dash-all__cols {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    scroll-padding-inline: 16px;
    gap: 12px;
    padding: 18px 16px 10px;
    margin: 0 -16px;
    width: calc(100% + 32px);
  }

  .ts-dash-all__col {
    flex: 0 0 min(82vw, 288px);
    width: min(82vw, 288px);
    min-width: 0;
    scroll-snap-align: start;
    align-items: stretch;
    gap: 14px;
    padding: 16px 14px 14px;
  }

  .ts-dash-all__col-head {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas:
      'title crown'
      'range range'
      'bonus bonus';
    align-items: center;
    gap: 4px 10px;
    padding-top: 8px;
    text-align: left;
  }

  .ts-dash-all__col-title {
    grid-area: title;
    width: auto;
    font-size: 16px;
    font-weight: 600;
  }

  .ts-dash-all__col-range {
    grid-area: range;
    font-size: 14px;
  }

  .ts-dash-all__col-bonus {
    grid-area: bonus;
    font-size: 12px;
    color: rgba(245, 246, 247, 0.78);
  }

  .ts-dash-all__col-crown {
    grid-area: crown;
    position: static;
    justify-self: end;
    width: 28px;
    height: 26px;
  }

  .ts-dash-all__feat-label {
    display: block;
    font-size: 12px;
    line-height: 1.4;
  }

  .ts-dash-all__checks li {
    justify-content: space-between;
    gap: 10px;
    min-height: auto;
    padding: 10px 0;
  }

  .ts-dash-all__feat-state img {
    width: 22px;
    height: 22px;
  }
}

@media (max-width: 640px) {
  .ts-dashboard {
    gap: 12px;
  }

  
  .ts-dash-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .ts-dash-info {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .ts-dash-info__cell {
    padding: 10px;
    min-width: 0;
  }

  .ts-dash-info__value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .ts-dash-stat {
    min-width: 0;
    padding: 12px 10px;
  }

  .ts-dash-stat__value {
    font-size: 16px;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .ts-dash-hero__avatar {
    display: none;
  }

  .ts-dash-hero__banner {
    padding: 20px 16px;
    min-height: 0;
  }

  .ts-dash-hero__title {
    font-size: 17px;
    padding-right: 0;
  }

  .ts-dash-hero__desc {
    font-size: 12px;
  }

  .ts-dash-progress__titles {
    gap: 8px;
  }

  .ts-dash-progress__name {
    font-size: 13px;
  }

  .ts-dash-levelcard__name-row {
    gap: 6px;
  }

  .ts-dash-levelcard__name {
    font-size: 14px;
  }

  .ts-dash-levelcard__badge {
    font-size: 12px;
    padding: 4px 8px;
  }

  .ts-dash-leveltable__head,
  .ts-dash-leveltable__row {
    min-width: 0;
    grid-template-columns: 1fr 1.2fr;
    gap: 4px;
    padding: 10px;
  }

  .ts-dash-leveltable__head span:nth-child(n + 3),
  .ts-dash-leveltable__row span:nth-child(n + 3) {
    display: none;
  }
}