/* iHadj — экран «доступ закрыт» (решение владельца 19.09.2026).
 *
 * Логика намеренно ОБРАТНАЯ привычной: страница скрыта по умолчанию, а
 * показывается только когда assets/dostup.js поставил на <html> атрибут
 * data-ihadj-otkryto. Так замок закрывается сам во всех случаях, когда
 * что-то пошло не по плану: скрипт не загрузился, выключен JavaScript,
 * браузер оборвал сеть на середине. Обратная схема (показано по умолчанию,
 * скрипт прячет) в каждом таком случае открывает недоделанный сайт.
 *
 * Ни одного инлайнового стиля: на /profil/ страница сама ставит
 * Content-Security-Policy со `style-src 'self'`, и <style> в разметке или
 * element.style из скрипта там были бы заблокированы. Отдельный файл —
 * тот же источник, политика его пропускает.
 */

html:not([data-ihadj-otkryto]) body > *:not(#ihadj-zamok) {
  display: none !important;
}

html:not([data-ihadj-otkryto]) body {
  justify-content: center;
  align-items: center;
  background: var(--bg, #ffffff);
}

/* Замок не показывается, пока скрипт его не собрал: пустой блок не должен
   мигать рамкой на медленном соединении. */
#ihadj-zamok {
  width: 100%;
  max-width: 460px;
  margin: 0 auto;
  padding: 32px 24px 40px;
  box-sizing: border-box;
  font-family: var(--font-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
  color: var(--text, #0a0a0b);
  text-align: left;
}

.ihadj-zamok__marka {
  margin: 0 0 28px;
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--text-faint, rgba(10, 10, 11, 0.58));
}

.ihadj-zamok__zagolovok {
  margin: 0 0 14px;
  font-size: 26px;
  line-height: 1.2;
  font-weight: 600;
}

.ihadj-zamok__text {
  margin: 0 0 12px;
  font-size: 15px;
  line-height: 1.6;
  color: var(--text-soft, rgba(10, 10, 11, 0.66));
}

.ihadj-zamok__linia {
  height: 1px;
  margin: 28px 0;
  border: 0;
  background: var(--line, rgba(10, 10, 11, 0.16));
}

.ihadj-zamok__podpis {
  display: block;
  margin: 0 0 8px;
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--text-faint, rgba(10, 10, 11, 0.58));
}

.ihadj-zamok__ryad {
  display: flex;
  gap: 8px;
}

.ihadj-zamok__pole {
  flex: 1 1 auto;
  min-width: 0;
  padding: 12px 14px;
  font: inherit;
  font-size: 16px; /* меньше 16px — iOS Safari зумит страницу при фокусе */
  color: var(--text, #0a0a0b);
  background: transparent;
  border: 1px solid var(--control-line, rgba(10, 10, 11, 0.52));
  border-radius: 0;
  -webkit-appearance: none;
  appearance: none;
}

.ihadj-zamok__pole:focus-visible {
  outline: 2px solid var(--focus, #0a0a0b);
  outline-offset: 2px;
}

.ihadj-zamok__knopka {
  flex: 0 0 auto;
  padding: 12px 20px;
  font: inherit;
  font-size: 15px;
  font-weight: 500;
  color: var(--inverse-text, #ffffff);
  background: var(--inverse-bg, #0a0a0b);
  border: 1px solid var(--inverse-bg, #0a0a0b);
  border-radius: 0;
  cursor: pointer;
}

.ihadj-zamok__knopka:focus-visible {
  outline: 2px solid var(--focus, #0a0a0b);
  outline-offset: 2px;
}

.ihadj-zamok__oshibka {
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--recording, #c2261a);
}

/* Скрытое состояние сообщения об ошибке — классом, а не element.style
   (см. заметку про CSP в шапке файла). */
.ihadj-zamok__oshibka[hidden] {
  display: none;
}
