body {
    background-color: #1e1e1e;
    color: #ddd;
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 20px;
  }
  h1 {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  h1 img {
    width: 50px;
    height: 50px;
  }
  form {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
  }
  input[type=text] {
    padding: 8px;
    border: 1px solid #555;
    border-radius: 4px;
    width: 400px;
  }
  button {
    padding: 8px 16px;
    background-color: #2980b9;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
  }
  button:hover {
    background-color: #3498db;
  }
  .result {
    margin-top: 30px;
  }
  .balance {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .transactions {
    margin-top: 20px;
  }
  .tx {
    border: 1px solid #555;
    border-radius: 6px;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #2c2c2c;
  }
  .clickable {
    cursor: pointer;
    color: #3498db;
  }
  #copyNotice {
    position: fixed;
    top: 20px;
    right: 20px;
    background: #333;
    color: #fff;
    padding: 8px 12px;
    border-radius: 4px;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 1000;
  }
  #copyNotice.show {
    opacity: 1;
  }
  
  .tx {
    border: 1px solid #555;
    border-radius: 6px;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #2c2c2c;
    word-wrap: break-word; /* переносит длинные слова/адреса */
    word-break: break-word; /* для более надёжного переноса */
  }

	/* Стиль для блока переключения языков */
	.language-switch {
	  display: flex;
	  gap: 10px;
	  margin-bottom: 20px;
	  justify-content: center;
	}

	/* Стиль для кнопок */
		.lang-button {
	  padding: 8px 16px;
	  margin: 5px;
	  font-size: 14px;
	  border: none;
	  border-radius: 4px;
	  cursor: pointer;
	  background-color: #4CAF50;
	  color: white;
	  transition: background-color 0.3s, transform 0.2s;
	}
	.lang-button:hover {
	  background-color: #45a049;
	  transform: scale(1.05);
	}
	.lang-button.active {
	  background-color: #2e7d32;
	}
	
	/* стили таблицы поиска верифицированного jetton */
	/* Общий стиль для контейнера токена */
	.token-item {
	  padding: 10px;
	  border: 1px solid #ccc;
	  margin-bottom: 10px;
	  border-radius: 4px;
	  background-color: #f9f9f9;
	}

	/* Для тёмного фона, например, если нужен тёмный стиль */
	.token-item {
	  background-color: #2c2c2c; /* тёмный фон */
	  color: #fff; /* цвет текста, чтобы было читаемо на тёмном фоне */
	  word-wrap: break-word; /* переносит длинные слова/адреса */
	}
	
	.hidden {
	  display: none;
	}
	.visible {
	  display: block; /* или inline-block, в зависимости от элемента */
	}
	
	/* Отступы для всего блока */
	.buttonJetton {
	  margin-bottom: 15px; /* внешний отступ со всех сторон */
	  padding: 5px; /* внутренний отступ внутри блока */
	}

	/* Или конкретные отступы для кнопки */
	#toggleSearchBtn {
	  margin-bottom: 4px; /* отступ снизу */
	}

	/* Отступ для текста внутри кнопки, если нужно */
	/*#toggleSearchBtn span {
	  margin-left: 8px; /* отступ между изображением и текстом */
	/*}*/
	/* Пример стилей, которые можно применить к .myForm */
   .myForm {
    background-color: var(--form-bg);
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    margin-bottom: 20px;
    border: 1px solid var(--border-color);
   }
   
   #searchNew {
    background-color: var(--form-bg);
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    margin-bottom: 20px;
    margin-top: 20px; /* добавлено для отступа сверху */
    display: flex; /* использую flex для расположения элементов */
    flex-wrap: wrap; /* перенос элементов при необходимости */
    gap: 10px; /* промежутки между элементами */
    align-items: center; /* вертикальное выравнивание элементов */
    /* при необходимости можно добавить: justify-content: space-between; */
   }
   
	
	/* Обертка для каждого поля + кнопки */
	.input-group {
	  position: relative;
	  width: 100%;
	  margin-bottom: 10px;
	}

	/* Инпут занимает всю ширину с учетом места под кнопку */
	.input-group input[type="text"] {
	  width: 100%;
	  padding-right: 30px; /* место для кнопки */
	  height: 30px; /* высота инпута */
	  box-sizing: border-box;
	  font-size: 14px;
	}

	/* Кнопка вставки — справа внутри инпута, по центру по вертикали */
	.clipboard-btn {
	  position: absolute;
	  right: 5px;
	  top: 40%;
	  transform: translateY(-50%);
	  display: flex;
	  align-items: center; /* по вертикали по центру */
	  justify-content: center;
	  height: 30px; /* совпадает с высотой инпута для ровной центровки */
	  border: none;
	  background: transparent;
	  cursor: pointer;
	  font-size: 14px;
	  padding: 0 8px;
	  color: #FDF4E3; /* цвет иконки */
	}
	
    /* Можно добавить эффект при наведении */
	.clipboard-btn:hover {
	  color: #FDF4E3;
	}
	
	.visually-hidden {
	  position: absolute;
	  width: 1px;
	  height: 1px;
	  padding: 0;
	  margin: -1px;
	  overflow: hidden;
	  clip: rect(0, 0, 0, 0);
	  white-space: nowrap; /* добавьте при необходимости */
	  border: 0;
	}
	
	
	/* Общие стили для иконок */
	.cloneIcon {
	  cursor: pointer;
	  font-size: 1.2em; /* регулируйте по необходимости */
	  color: #fff; /* базовый цвет */
	  transition: color 0.3s, transform 0.3s;
	}

	/* Стиль при успешном клике (зеленый цвет) */
	.cloneIcon.checked {
	  color: #28a745; /* зеленый цвет */
	  transform: scale(1.2); /* немного увеличиваем при клике для эффекта */
	}