/* Убедимся, что баланс и кнопка в одной строке */
.cbs-balance {
  display: flex;
  align-items: center;
}

/* Отодвинем кнопку вправо от текста и зададим ей z-index */
.cbs-balance #cbs_open_convert {
  margin-left: 10px; /* можно увеличить по вкусу */
  position: relative;
  z-index: 999;
}

/* Кнопки */
.cbs-btn {
  background: #393328;
  color: #fff;
  padding: 8px 16px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  margin: 5px 0;
  position: relative;
  z-index: 999;
}
.cbs-btn:hover { background: #5b4b3a; }
.cbs-primary { font-weight: bold; }

/* Модалки */
.cbs-modal {
  display: none;          /* скрываем по умолчанию */
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);

  /* Центрирование */
  display: flex;
  align-items: center;
  justify-content: center;
}
.cbs-modal-content {
  background: #fff;
  padding: 20px;
  border-radius: 8px;
  max-width: 400px;
  width: 90%;
  box-sizing: border-box;
}
.cbs-step-2 { display: none; }

/* История */
.cbs-history {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
}
.cbs-history th,
.cbs-history td {
  border: 1px solid #ddd;
  padding: 8px;
}
.cbs-ok   { color: green; }
.cbs-wait { color: orange; }

/* Админ */
.negative-balance { color: red; }
.zero-balance     { color: #999; }