/* Общая обёртка и кнопки Balabot для страниц (shell уже подключает balabol-admin.css с токенами). */
.balabol-page {
  max-width: 1240px;
  margin: 0 auto;
}

.balabol-page .btn-p,
.balabol-page a.btn-p {
  padding: 6px 13px;
  border-radius: 7px;
  font-size: 12px;
  font-weight: 500;
  border: 1px solid var(--acc, #6c3fc4);
  background: var(--acc, #6c3fc4);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  text-decoration: none;
  transition: background 0.13s, border-color 0.13s;
}
.balabol-page .btn-p:hover,
.balabol-page a.btn-p:hover {
  background: #5c33aa;
  border-color: #5c33aa;
  color: #fff;
}

.balabol-page .btn-g,
.balabol-page a.btn-g {
  padding: 6px 13px;
  border-radius: 7px;
  font-size: 12px;
  font-weight: 500;
  border: 1px solid var(--bdr2, #c8ccdc);
  background: none;
  color: var(--t2, #5a6080);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  text-decoration: none;
  transition: border 0.13s, color 0.13s, background 0.13s;
}
.balabol-page .btn-g:hover,
.balabol-page a.btn-g:hover {
  border-color: var(--acc, #6c3fc4);
  color: var(--acc, #6c3fc4);
  background: rgba(108, 63, 196, 0.08);
}

.balabol-page .btn-icon {
  padding: 5px;
  border-radius: 7px;
  border: 1px solid var(--bdr, #e4e7f0);
  background: none;
  color: var(--t3, #9aa0be);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: color 0.13s, border-color 0.13s, background 0.13s;
}
.balabol-page .btn-icon:hover {
  color: var(--acc, #6c3fc4);
  border-color: rgba(108, 63, 196, 0.2);
  background: rgba(108, 63, 196, 0.08);
}