@import './base.css';

.header-block {
  height: 60px;
  background-color: var(--main-color);
  font-size: large;
  color: white;
  vertical-align: middle;
  padding: 15px 0 10px 16px;
  font-weight: 700;
}

.input-custom {
  width: 100%;
  box-sizing: border-box; /* обязательно! */
  margin-right: 15px;
}

.button-dialog {
  background-color: var(--main-color);
  font-weight: 600;
  color: white;

  padding: 6px 14px;
  border: 1px solid #ddd;
  border-radius: 15px;
  font-size: 16px;
  margin-right: 6px;
}

.button-dialog:hover {
  background-color: var(--main-color);
  opacity: 0.9;
}

.button-dialog:disabled {
  opacity: 0.5;
}

.input-custom, .button-custom {
  padding: 12px 16px;
  border: 1px solid #ddd;
  border-radius: 15px;
  font-size: 16px;
}

.button-container {
  display: flex;
}

.center-message {
  display: flex;
  justify-content: center; /* горизонтальное центрирование */
  align-items: center;    /* вертикальное центрирование */
  height: calc(100dvh - 100px);
  text-align: center;     /* центрирование текста */
}
