/* static/css/styles.css */
body { font-family: Arial, sans-serif; padding: 20px; }
.form-group {
  margin-bottom: 15px;
  cursor: help; /* курсор-подсказка */
}
.form-group::after {
  content: attr(help_text);
  position: fixed;
  bottom: 5%;            /* выше элемента */
  left: 50%;
  transform: translateX(-50%);
  background-color: #87CEFA; /* LightSkyBlue */
  color: black;             /* черны для контраста */
  padding: 6px 12px;
  border: 1px solid #aaa;
  border-radius: 5px;
  border-color: #0A0A0A;
  font-size: 16px;
  white-space: pre;       /* перенос строки */
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s;
  z-index: 10;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}
.form-group:hover::after {
  opacity: 1;
  visibility: visible;
}
label {
    display: block;
    margin-top: 8px;
    font-weight: 600;
}
input[type="text"], select, textarea, input[type="number"] {
    width: 100%;
    max-width: 400px;
    padding: 6px;
}
.input {
    width: 100%;
    max-width: 400px;
    padding: 6px;
}
.form-row {
  display: flex;
  max-width: 400px;
  gap: 10px; /* Отступ между полями */
  margin-bottom: 15px;
}
.short-input {
  width: 64px;
  margin-left: 10px;
}
.long-input {
  flex: 1;
}
.input-text-full {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
}
.box {
  #width: 300px;
  margin-top: 32px;
  margin-bottom 20px;
  border: 2px solid #aaa;
  border-radius: 5px;
  border-color: #0A0A0A;
  padding: 20px;
  position: relative;
  font-weight: 700;
}
.box.inner {
  border: 1px solid #aaa;
  border-color: #9A9A9A;
}
.box.inner2 {
  border: 1px solid #aaa;
  border-color: #9A9A9A;
  background-color: #DCDCDC;
}
.title {
  position: absolute;
  top: -20px;
  left: 10px;
  background-color: #FFA500;
  padding: 5px 10px;
  border: 1px solid #aaa;
  border-radius: 5px;
}
.title.inner {
  background-color: #ffdb99;
  border-color: #9A9A9A;
}
.input-mono {
  font-family: "Consolas", "Monaco", "Lucida Console", "Liberation Mono", monospace;
}
.checkbox-label.disabled {
    opacity: 0.5;
    pointer-events: none; /* чтобы нельзя было кликнуть по лейблу */
}
.repo-label {
  width: 200px;
  white-space: nowrap;
}
.checkbox-label input[type="checkbox"]:disabled {
    cursor: not-allowed;
}
/* Опционально: сделать текст серым отдельно, если opacity не подходит */
.checkbox-label.disabled .label-text {
    color: #888;
}

.feature-disabled {
    opacity: 0.5;
    pointer-events: none; /* Чтобы нельзя было кликнуть даже если opacity не сработает */
}
/* Опционально: сделать сам чекбокс серым */
.feature-disabled + span {
    color: #888;
}
button[type="submit"] {
  margin: 32px;
  padding: 8px 16px;
  background: #007bff;
  color: white;
  cursor: pointer;
  #position: absolute;
  border: 1px solid #aaa;
}

button {
  cursor: pointer;
  border: 1px solid #aaa;
}


.repo-grid-container {
  display: grid;
  /* 2 колонки: лейбл (по самому длинному) + поле (остаток) */
  grid-template-columns: minmax(auto, max-content) 1fr;
  gap: 8px 16px;
  align-items: baseline;
}

.repo-label {
  white-space: nowrap; /* чтобы текст лейбла не переносился */
  font-weight: normal;
}


.eula-block {
  border: 1px solid #e0e0e0;
  background-color: #f9fbfd;
  padding: 16px;
  margin-bottom: 20px;
  border-radius: 6px;
}

.eula-block p {
  font-size: 11px;            /* основной текст — в 2–3 раза мельче основного контента */
  line-height: 1.5;
  color: #777;                /* спокойный серый */
  margin: 0 0 12px 0;
}