.copyInput {
  display: inline-block;
  line-height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.copied::after {
  position: absolute;
  top: 8px;
  right: 12%;
  width: 100px;
  display: block;
  content: "COPIED";
  font-size: 1em;
  padding: 5px 5px;
  color: #fff;
  background-color: hsl(220, 9%, 70%);
  border-radius: 3px;
  opacity: 0;
  will-change: opacity, transform;
  animation: showcopied 1.5s ease;
}

@keyframes showcopied {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }

  50% {
    opacity: 0.7;
    transform: translateX(40%);
  }

  70% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
  }
}




.radius--10px {
  border-radius: 10px;
}

/* Стили для недоступных полей профиля */
.cursor-not-allowed {
  cursor: not-allowed !important;
}

.opacity-70 {
  opacity: 0.7 !important;
}

.form--control:disabled {
  background-color: #f8f9fa !important;
  color: #6c757d !important;
  border-color: #dee2e6 !important;
}


.hover-input-popup {
  position: relative;
}

.input-popup {
  display: none;
}

.hover-input-popup .input-popup {
  display: block;
  position: absolute;
  bottom: 130%;
  left: 50%;
  width: 280px;
  background-color: #1a1a1a;
  color: #fff;
  padding: 20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.input-popup::after {
  position: absolute;
  content: '';
  bottom: -19px;
  left: 50%;
  margin-left: -5px;
  border-width: 10px 10px 10px 10px;
  border-style: solid;
  border-color: transparent transparent #070000 transparent;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.input-popup p {
  padding-left: 20px;
  position: relative;
}

.input-popup p::before {
  position: absolute;
  content: '';
  font-family: 'Line Awesome Free';
  font-weight: 900;
  left: 0;
  top: 4px;
  line-height: 1;
  font-size: 18px;
}

.input-popup p.error {
  text-decoration: line-through;
}

.input-popup p.error::before {
  content: "\f057";
  color: #ea5455;
}

.input-popup p.success::before {
  content: "\f058";
  color: #28c76f;
}



.show-filter {
  display: none;
}

@media(max-width:767px) {
  .responsive-filter-card {
    display: none;
    transition: none;
  }

  .show-filter {
    display: block;
  }
}



/* ////////////////// select 2 css //////////////// */
/* .select2-dropdown {
  border: 0 !important;
  margin-top: 8px !important;
  border-radius: 5px !important;
  box-shadow: 0 3px 9px rgba(50, 50, 9, 0.05), 6px 4px 19px rgb(115 103 240 / 20%)
}

.select2-search--dropdown {
  padding: 10px 10px !important;
  border-color: #ced4da !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #ced4da !important;
  padding: 10px 20px;
}

.select2-results__option.select2-results__option--selected,
.select2-results__option--selectable,
.select2-container--default .select2-results__option--disabled {
  padding: 12px 14px !important;
  border-bottom: 1px solid #eee;
}

.select2-results__option.select2-results__message {
  text-align: center !important;
  padding: 12px 14px !important;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
  width: 8px;
  border-radius: 5px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 5px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
  background: #ddd;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb:hover {
  background: #ddd;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow:after {
  position: absolute;
  right: 10px;
  top: 0;
  content: "\f107";
  font-family: "Line Awesome Free";
  font-weight: 900;
  transition: .3s;
}

.select2-container--default .select2-selection--single {
  border-color: #ced4da !important;
  border-width: 2px !important;
  border-radius: .375rem !important;
  padding: .375rem .75rem !important;
  height: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 8px !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:after {
  transform: rotate(-180deg);
}

.select2-results__option:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.select2-results__option:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.select2-results__option.select2-results__option--selected,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #f1f1f1 !important;
  color: #000 !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  border-color: hsl(220, 9%, 70%) !important;
  box-shadow: 0 0 25px rgba(115, 103, 240 0.071) !important;
  outline: 0 !important;
}

.select2-dropdown .country-flag {
  width: 25px;
  height: 25px;
  border-radius: 8px;
}

.select2-dropdown .gateway-title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0px !important;
}

.select2-dropdown .gateway-subtitle {
  font-size: 12px;
  margin-bottom: 0px !important;
}
.select2-container--open .select2-selection.select2-selection--single, .select2-container--open .select2-selection.select2-selection--multiple {
  border-color: hsl(220, 9%, 70%) !important;
  border-radius: .375rem !important;
} */


.payment-card-title {
  padding: 13px 25px;
  text-align: center;
  background-color: hsl(220, 9%, 70%);
  border-radius: 5px;
  border: 0;
  margin-bottom: 0px;
  color: #fff;
}

.payment-system-list {
  --thumb-width: 100px;
  --thumb-height: 45px;
  --radio-size: 16px;
  --hover-border-color: #FCD535;
  background-color: hsl(220, 15%, 12%) !important;
  border-radius: 5px;
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}


.payment-system-list.is-scrollable {
  overflow-y: auto;
  overflow-x: hidden;
  padding-block: 4px;
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
}

.payment-system-list.is-scrollable::-webkit-scrollbar {
  width: 5px;
}

.payment-system-list.is-scrollable::-webkit-scrollbar {
  width: 5px;

}

.payment-system-list.is-scrollable::-webkit-scrollbar-thumb {
  background-color: hsl(220, 9%, 70%);
  border-radius: 10px;
}

.payment-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 18px 20px;
  min-height: 70px;
  border-bottom: 1px solid hsl(var(--white)/0.1);
  border-top-color:  hsl(var(--white)/0.1);
  transition: all 0.3s;
  border-left: 3px solid transparent;
  /* Убираем белую обводку при клике */
  outline: none !important;
  box-shadow: none !important;
}

.payment-item:first-child {
  border-top-color: hsl(var(--white)/0.1);
  border-radius: 5px 5px 0 0;
}

.payment-item:last-child{
  border-top: none !important;
}

/* Убираем белую обводку при всех состояниях клика */
.payment-item:focus,
.payment-item:active,
.payment-item:focus-visible,
.payment-item:focus-within,
.gateway-option:focus,
.gateway-option:active,
.gateway-option:focus-visible,
.gateway-option:focus-within,
.payment-item__radio:focus,
.payment-item__radio:active,
.payment-item__radio:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  border-bottom: 1px solid hsl(var(--white)/0.1) !important;
  border-top: none !important;
  border-left: 3px solid transparent !important;
  border-right: none !important;
}

.payment-item:has(.payment-item__radio:checked) {
  border-left: 3px solid var(--hover-border-color);
  border-radius: 0px;
}

/* Дополнительные стили для убирания всех обводок при клике */
.payment-item:hover,
.payment-item:focus:hover,
.payment-item:active:hover,
.payment-item:focus:active {
  border-bottom: 1px solid hsl(var(--white)/0.1) !important;
  border-top: none !important;
  border-right: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Сохраняем желтую полосочку при hover для выбранного элемента */
.payment-item:has(.payment-item__radio:checked):hover,
.payment-item:has(.payment-item__radio:checked):focus:hover,
.payment-item:has(.payment-item__radio:checked):active:hover {
  border-left: 3px solid var(--hover-border-color) !important;
}

/* Убираем все возможные обводки для label элементов */
label.payment-item,
label.gateway-option {
  -webkit-tap-highlight-color: transparent !important;
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

/* Убираем белую обводку при клике на информационные блоки */
.deposit-info,
.deposit-info__title,
.deposit-info__input,
.deposit-info__input .text,
.gateway-limit,
.processing-fee,
.final-amount,
.gateway-conversion,
.conversion-currency,
.in-currency {
  outline: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-tap-highlight-color: transparent !important;
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.deposit-info:focus,
.deposit-info:active,
.deposit-info:focus-visible,
.deposit-info:focus-within,
.deposit-info__title:focus,
.deposit-info__title:active,
.deposit-info__title:focus-visible,
.deposit-info__input:focus,
.deposit-info__input:active,
.deposit-info__input:focus-visible,
.deposit-info__input .text:focus,
.deposit-info__input .text:active,
.deposit-info__input .text:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  border: none !important;
}

.payment-item__check {
  border: 3px solid transparent;
}

.payment-item:has(.payment-item__radio:checked) .payment-item__check {
  border: 3px solid #FCD535;
  background-color: #FCD535;
}

.payment-item:has(.payment-item__radio:checked) .payment-item__check::after {
  content: "✓";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #000;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
}

.payment-item__info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: calc(100% - var(--thumb-width))
}

.payment-item__check {
  width: var(--radio-size);
  height: var(--radio-size);
  border: 2px solid #FCD535;
  display: inline-block;
  border-radius: 100%;
  flex-shrink: 0;
  position: relative;
}

.payment-item__name {
  padding-left: 15px;
  width: calc(100% - var(--radio-size));
  transition: all 0.3s;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}

.payment-item__thumb {
  width: var(--thumb-width);
  height: var(--thumb-height);
  text-align: right;
  padding-left: 10px;

  &:has(.text) {
      width: fit-content;
  }
}

.payment-item__thumb img {
  max-width: var(--thumb-width);
  max-height: var(--thumb-height);
  object-fit: cover;
}


.deposit-info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 10px;
}

.deposit-info__title {
  max-width: 50%;
  margin-bottom: 0px;
  text-align: left;
}

.deposit-info__input {
  max-width: 50%;
  text-align: right;
  width: 100%;
}

.deposit-info__input-select {
  border: 1px solid  hsl(var(--white)/0.1);
  width: 100%;
  border-radius: 5px;
  padding-block: 6px;
}

.deposit-info__input-group {
  border-radius: 5px;

  
}

.deposit-info__input-group-text {
    align-self: center;
    padding-left: 14px;
}
.deposit-info__input-group .form--control {
  padding: 10px 18px;
  border: 0;
  height: 42px;
  text-align: right;
}

.deposit-info__input-group .form--control:focus {
  box-shadow: unset;
  border: none !important;
  outline: none !important;
}

/* Убираем двойную обводку в мобильной версии */
@media screen and (max-width: 767px) {
  .deposit-info__input-group .form--control {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
  }
  
  .deposit-info__input-group .form--control:focus {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
  }
  
  /* Специально для поля amount в форме вывода */
  input.amount.form--control {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
  }
  
  input.amount.form--control:focus,
  input.amount.form--control:active,
  input.amount.form--control:focus-visible {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
  }
}

.info-text .text,
.deposit-info__input .text {
  font-size: 14px;
  font-weight: 600; 

}
.deposit-info__title .text.has-icon {
  display: flex;
  align-items: center;
  gap: 5px
}

.total-amount {
  border-top: 1px solid  hsl(var(--white)/0.1);
}

.total-amount .deposit-info__title {
  font-weight: 600;
}

.payment-item__btn {
  border: 0;
  border-bottom: 0;
  background: hsl(220, 15%, 12%) !important;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 15px;
}

/* Стили для маленькой стрелочки */
.payment-item__arrow {
  border: 0;
  background: transparent !important;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  border-radius: 5px;
  margin-top: auto;
}

.payment-item__arrow:hover {
  background: hsl(220, 15%, 15%) !important;
}

.payment-item__arrow svg {
  color: hsl(220, 9%, 70%);
  transition: all 0.3s ease;
}

.payment-item__arrow:hover svg {
  color: hsl(220, 9%, 90%);
  transform: translateY(2px);
}
  font-weight: 500;
}

.payment-item:hover+.payment-item__btn {
  border-top-color: hsl(var(--white)/0.1);
}
.payment-item__btn__icon{
  color: hsl(var(--white));
}

button .spinner-border {
  --bs-spinner-width: 1.5rem;
  --bs-spinner-height: 1.5rem;
}

.treeview li.contains-items {
  background-image: url(icons/arrow-left.png) !important;
}

.treeview li.items-expanded {
  background-image: url(icons/arrow-down.png) !important;
}

/* Скрыть гамбургер-меню на десктопе (экраны больше 991px) */
@media (min-width: 992px) {
  .navbar-toggler.header-button,
  .header .navbar-toggler.header-button,
  .navbar .navbar-toggler.header-button {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
}

/* Стили для иконки показа пароля */
.toggle-password {
    cursor: pointer;
    color: #f0b90b !important;  /* Золотистый по умолчанию */
    background-color: transparent !important;
    border-radius: 4px !important;
    padding: 2px 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 10px !important;
    font-weight: bold !important;
    transition: all 0.3s ease !important;
    user-select: none !important;
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

.toggle-password:hover {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    transform: translateY(-50%) !important;
    color: #f0b90b !important;  /* Остается золотистым при hover */
}

/* Когда пароль показан (активное состояние) */
.toggle-password.eye-hidden {
    color: #6c757d !important;  /* Серый когда пароль показан */
}

.password-show-hide {
    color: #888888 !important;
    font-size: 16px !important;
    font-weight: normal !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    right: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 5 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    box-shadow: none !important;
    transition: color 0.3s ease !important;
    cursor: pointer !important;
}

.password-show-hide:hover {
    color: #aaaaaa !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Стили для суммы вывода */
.withdraw-amount {
    color: #28a745 !important;
    font-size: 1.2em !important;
    font-weight: 600 !important;
    text-shadow: 0 0 10px rgba(40, 167, 69, 0.3) !important;
    transition: all 0.3s ease !important;
}

.withdraw-amount:hover {
    color: #20c997 !important;
    text-shadow: 0 0 15px rgba(32, 201, 151, 0.5) !important;
    transform: scale(1.05) !important;
}

/* Стили для заголовка About Company */
.title-main {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: hsl(220, 9%, 70%) !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* Стили для подсветки текста с золотой линией */
.section-heading__title {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: hsl(var(--white)) !important;
    line-height: 1.2 !important;
}

.section-heading__title .highlight {
    position: relative !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    background-clip: unset !important;
    color: hsl(var(--white)) !important;
    font-weight: 700 !important;
    font-size: 32px !important;
    font-family: inherit !important;
    display: inline !important;
}

.section-heading__title .highlight::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    bottom: -6px !important;
    width: 100% !important;
    height: 3px !important;
    background: linear-gradient(90deg, #f39c12, #f1c40f) !important;
    border-radius: 2px !important;
    box-shadow: 0 0 10px rgba(243, 156, 18, 0.3) !important;
}

/* Дополнительные стили для гарантированного единого размера шрифта */
.calculate-section .section-heading__title,
.calculate-section .section-heading__title span,
.calculate-section .section-heading__title .highlight {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: hsl(var(--white)) !important;
    line-height: 1.2 !important;
    font-family: inherit !important;
}

.calculate-section .section-heading__title .highlight {
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    background-clip: unset !important;
    position: relative !important;
    display: inline !important;
}

/* Принудительные стили для единообразия sidebar меню */
.dashboard .sidebar-menu-list__item.active > a,
.dashboard .sidebar-menu-list__item.has-dropdown.active > a,
.dashboard .sidebar-menu-list__link.active,
.dashboard .sidebar-menu-list__link:hover {
    background-color: hsl(220, 15%, 15%) !important;
    color: hsl(220, 9%, 80%) !important;
    border: none !important;
    box-shadow: none !important;
}

.dashboard .sidebar-submenu-list__item.active > a,
.dashboard .sidebar-submenu-list__link:hover {
    color: hsl(220, 9%, 80%) !important;
    background-color: transparent !important;
}

.dashboard .sidebar-submenu-list__item.active > a::before,
.dashboard .sidebar-submenu-list__link:hover::before {
    border-color: hsl(220, 9%, 80%) !important;
}

.dashboard .sidebar-menu-list__item.has-dropdown.active > a:after {
    color: hsl(220, 9%, 80%) !important;
}

/* Dashboard sidebar стили */
.dashboard-sidebar__link:hover {
    background: hsl(220, 15%, 15%) !important;
    color: hsl(220, 9%, 80%) !important;
    border: none !important;
    box-shadow: none !important;
}

.dashboard-sidebar__item.active > .dashboard-sidebar__link,
.dashboard-sidebar__item.is-open > .dashboard-sidebar__link {
    background: transparent !important;
    color: hsl(220, 9%, 80%) !important;
    border: none !important;
    box-shadow: none !important;
}

.dashboard-sidebar__submenu-item.active > .dashboard-sidebar__submenu-link,
.dashboard-sidebar__submenu-link:hover {
    background: hsl(220, 15%, 15%) !important;
    color: hsl(220, 9%, 80%) !important;
    border: none !important;
    box-shadow: none !important;
}

/* Убираем все оранжевые рамки и псевдо-элементы */
.sidebar-menu-list__item,
.sidebar-menu-list__link,
.dashboard-sidebar__item,
.dashboard-sidebar__link {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.sidebar-menu-list__item::before,
.sidebar-menu-list__item::after,
.sidebar-menu-list__link::before,
.sidebar-menu-list__link::after,
.dashboard-sidebar__item::before,
.dashboard-sidebar__item::after,
.dashboard-sidebar__link::before,
.dashboard-sidebar__link::after {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    background: transparent !important;
    border: none !important;
    content: none !important;
}

/* Принудительное переопределение для кнопок */
.btn--base,
.btn-outline--base {
    border: 1px solid hsl(48, 89%, 50%) !important;
    background: hsl(48, 89%, 50%) !important;
    color: hsl(220, 20%, 6%) !important;
}

.btn--base::before,
.btn--base::after,
.btn-outline--base::before,
.btn-outline--base::after {
    background: hsl(220, 15%, 15%) !important;
    border: none !important;
}

.btn--base:hover,
.btn-outline--base:hover {
    background: hsl(220, 15%, 15%) !important;
    border-color: hsl(220, 15%, 20%) !important;
    color: hsl(220, 9%, 90%) !important;
}

/* Специфичные стили для активных элементов sidebar (без hover) */
.dashboard-sidebar__item.active > .dashboard-sidebar__link,
.dashboard-sidebar__item.active .dashboard-sidebar__link,
li.active > .dashboard-sidebar__link,
li.active .dashboard-sidebar__link {
    background: transparent !important;
    background-color: transparent !important;
    color: hsl(220, 9%, 80%) !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Hover эффект для всех элементов sidebar (включая активные) */
.dashboard-sidebar__link:hover,
.dashboard-sidebar__item.active > .dashboard-sidebar__link:hover,
li.active > .dashboard-sidebar__link:hover {
    background: hsl(220, 15%, 15%) !important;
    background-color: hsl(220, 15%, 15%) !important;
    color: hsl(220, 9%, 80%) !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Убираем выделение для всех активных элементов sidebar */
.dashboard-sidebar__item.active,
li.active {
    background: transparent !important;
    background-color: transparent !important;
}

/* Переопределяем все остальные активные стили */
.social-list__link.active,
.text-list.style-tag .text-list__link.active,
.user-info .user-info-dropdown__link.active {
    background-color: hsl(220, 15%, 15%) !important;
    border-color: hsl(220, 15%, 18%) !important;
    color: hsl(220, 9%, 80%) !important;
}

/* Система аватарок с буквами для всех пользователей */
.user-avatar-letter {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 2px solid rgba(255, 255, 255, 0.3);
    color: #000000 !important;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

.user-avatar-letter:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Размеры для разных контекстов */
.user-avatar-letter.size-sm {
    width: 32px;
    height: 32px;
    font-size: 14px;
    color: #000000 !important;
}

.user-avatar-letter.size-lg {
    width: 48px;
    height: 48px;
    font-size: 18px;
    color: #000000 !important;
}

.user-avatar-letter.size-xl {
    width: 64px;
    height: 64px;
    font-size: 24px;
    color: #000000 !important;
}

/* Контейнер для аватарки с индикатором статуса */
.avatar-container {
    position: relative;
    display: inline-block;
    padding: 2px;
}

.status-indicator {
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid hsl(220, 20%, 6%);
    background: #10b981;
    z-index: 10;
}

.status-indicator.offline {
    background: #6b7280;
}

/* Мобильная адаптация для статус-индикатора */
@media (max-width: 768px) {
    .status-indicator {
        bottom: 1px;
        right: 1px;
        width: 12px;
        height: 12px;
        border: 2px solid hsl(220, 20%, 6%);
    }
}

@media (max-width: 480px) {
    .status-indicator {
        bottom: 0px;
        right: 0px;
        width: 10px;
        height: 10px;
        border: 1px solid hsl(220, 20%, 6%);
    }
}

/* Стили для sidebar аватарки */
.dashboard-sidebar__avatar {
    overflow: visible !important;
}

.dashboard-sidebar__avatar .user-avatar-letter {
    width: 48px;
    height: 48px;
    font-size: 18px;
    color: #000000 !important;
}

/* Стили для header аватарки */
.dashboard-header__avatar .user-avatar-letter {
    width: 40px;
    height: 40px;
    font-size: 16px;
    color: #000000 !important;
}

/* Стили для auth header аватарки */
.user-info__thumb .user-avatar-letter {
    width: 40px;
    height: 40px;
    font-size: 16px;
    color: #000000 !important;
}

/* Стили для изображений аватарок */
.user-avatar-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

/* Контейнер для изображений аватарок */
.dashboard-sidebar__avatar .user-avatar-img,
.dashboard-header__avatar .user-avatar-img,
.user-info__thumb .user-avatar-img {
    width: 40px;
    height: 40px;
}

.dashboard-sidebar__avatar .user-avatar-img {
    width: 48px;
    height: 48px;
}

/* Стили для upload thumb в профиле */
.upload-thumb-img .user-avatar-letter {
    width: 120px !important;
    height: 120px !important;
    font-size: 48px !important;
    margin: 0;
    color: #000000 !important;
}

.upload-thumb-img {
    overflow: visible !important;
    border: 3px solid hsl(220, 15%, 18%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.upload-thumb-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
}

/* Убираем рамку и фон у профиля пользователя в sidebar */
.dashboard-sidebar__profile {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Изменяем цвет текста информации о загрузке файлов на белый */
.text-info {
    color: #ffffff !important;
}

/* Изменяем цвет иконки в тексте информации о загрузке файлов на белый */
.text-info svg {
    fill: #ffffff !important;
}

/* Стили для кнопки отправки в поддержке - серый цвет */
.btn--base {
    background: hsl(220, 15%, 12%) !important;
    border-color: hsl(220, 15%, 18%) !important;
    color: hsl(220, 9%, 80%) !important;
}

.btn--base:hover {
    background: hsl(220, 15%, 15%) !important;
    border-color: hsl(220, 15%, 20%) !important;
    color: hsl(220, 9%, 90%) !important;
}

.btn--base::before,
.btn--base::after {
    background: hsl(220, 15%, 15%) !important;
}

/* Статус онлайн - зеленый с мигающим эффектом */
.badge--success {
    background-color: #10b981 !important;
    color: #ffffff !important;
    animation: pulse-green 2s infinite;
}

@keyframes pulse-green {
    0% {
        opacity: 1;
        box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
    }
    70% {
        opacity: 0.7;
        box-shadow: 0 0 0 10px rgba(16, 185, 129, 0);
    }
    100% {
        opacity: 1;
        box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
    }
}

/* Стили для кастомной SVG иконки копирования */
.copyBoard svg {
    width: 20px !important;
    height: 20px !important;
    color: hsl(220, 9%, 70%) !important;
    transition: color 0.3s ease !important;
}

.copyBoard:hover svg {
    color: hsl(220, 9%, 90%) !important;
}

.copyBoard svg path {
    fill: currentColor !important;
}

/* Стили для иконки копирования в рефералах */
.bg--base.copyBoard svg {
    color: hsl(var(--white)) !important;
}

.bg--base.copyBoard:hover svg {
    color: hsl(var(--white)) !important;
    opacity: 0.8;
}

/* Стили для таблиц в разделе вывода средств - dashboard стиль */
.table.custom--table {
    background-color: hsl(220, 15%, 12%) !important;
}

.table.custom--table thead th {
    background-color: hsl(220, 15%, 10%) !important;
    border-color: hsl(220, 15%, 18%) !important;
}

.table.custom--table tbody tr {
    background-color: hsl(220, 15%, 12%) !important;
    border-color: hsl(220, 15%, 18%) !important;
}

.table.custom--table tbody tr:hover {
    background-color: hsl(220, 15%, 15%) !important;
}

/* ПРИНУДИТЕЛЬНОЕ ПЕРЕОПРЕДЕЛЕНИЕ ВСЕХ СИНИХ ЦВЕТОВ В ПОДДЕРЖКЕ */
.btn--base,
.btn.btn--base,
button.btn--base {
    background: hsl(220, 15%, 12%) !important;
    border-color: hsl(220, 15%, 18%) !important;
    color: hsl(220, 9%, 80%) !important;
    background-image: none !important;
}

.btn--base:hover,
.btn.btn--base:hover,
button.btn--base:hover,
.btn--base:focus,
.btn.btn--base:focus,
button.btn--base:focus,
.btn--base:active,
.btn.btn--base:active,
button.btn--base:active {
    background: hsl(220, 15%, 15%) !important;
    border-color: hsl(220, 15%, 20%) !important;
    color: hsl(220, 9%, 90%) !important;
    background-image: none !important;
    box-shadow: none !important;
}

.btn--base::before,
.btn--base::after,
.btn.btn--base::before,
.btn.btn--base::after,
button.btn--base::before,
button.btn--base::after {
    background: hsl(220, 15%, 15%) !important;
    background-image: none !important;
}

/* Переопределение градиентов */
.btn--base::before {
    background: hsl(220, 15%, 12%) !important;
}

.btn--base::after {
    background: hsl(220, 15%, 15%) !important;
}

/* Убираем все синие цвета из кнопок */
.btn--base,
.btn--base:hover,
.btn--base:focus,
.btn--base:active,
.btn--base::before,
.btn--base::after {
    background-color: hsl(220, 15%, 12%) !important;
    background-image: none !important;
    border-color: hsl(220, 15%, 18%) !important;
}

/* Скрытие скролла в чате онлайн поддержки */
.card-body {
    scrollbar-width: none !important; /* Firefox */
    -ms-overflow-style: none !important; /* IE and Edge */
}

.card-body::-webkit-scrollbar {
    display: none !important; /* Chrome, Safari, Opera */
    width: 0 !important;
    height: 0 !important;
}

/* Скрытие скролла для всех элементов чата */
.chat-box,
.chat-box__body,
.chat-box__text {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.chat-box::-webkit-scrollbar,
.chat-box__body::-webkit-scrollbar,
.chat-box__text::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* Скрытие скролла для контейнера сообщений */
.card.custom--card .card-body {
    overflow-y: auto !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.card.custom--card .card-body::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* АГРЕССИВНОЕ СКРЫТИЕ ВСЕХ СКРОЛЛОВ В ПОДДЕРЖКЕ */
* {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

*::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
}

*::-webkit-scrollbar-track {
    display: none !important;
    background: transparent !important;
}

*::-webkit-scrollbar-thumb {
    display: none !important;
    background: transparent !important;
}

*::-webkit-scrollbar-corner {
    display: none !important;
    background: transparent !important;
}

/* Специфичное скрытие для страниц поддержки */
body *,
html *,
div *,
section *,
.container *,
.row *,
.col-lg-8 *,
.col-lg-4 * {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

body *::-webkit-scrollbar,
html *::-webkit-scrollbar,
div *::-webkit-scrollbar,
section *::-webkit-scrollbar,
.container *::-webkit-scrollbar,
.row *::-webkit-scrollbar,
.col-lg-8 *::-webkit-scrollbar,
.col-lg-4 *::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}