/* ============================================================
   30 — zaślepka (tryb prac)
   Jedna kolumna, bez nawigacji. Ma wyglądać na decyzję, nie na awarię.
   ============================================================ */

.ai-topbar--zaslepka .ai-topbar__in {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ai-s4);
}

/* Na zaślepce przełącznik zostaje także na wąskim ekranie: nie ma tu menu
   mobilnego, w którym mógłby się schować. */
.ai-topbar__motyw--zaslepka { display: block; }

.ai-zaslepka { padding-top: var(--ai-s7); }

.ai-zaslepka__tytul {
  margin: 0 0 var(--ai-s5);
  font-size: clamp(2rem, 1.2rem + 3vw, 3.5rem);
  line-height: 1.1;
  max-width: var(--ai-miara);
}

.ai-zaslepka__tresc {
  max-width: var(--ai-miara);
  font-size: 1.0625rem;
  line-height: 1.7;
}

.ai-zaslepka__fakty {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--ai-s3);
  margin: var(--ai-s6) 0 0;
  max-width: 640px;
}

.ai-zaslepka__kontakt {
  margin: var(--ai-s5) 0 0;
  font-size: var(--ai-size-small);
}

/* Logowanie redakcji — zwinięte, żeby nie konkurowało z komunikatem.
   Widoczne, ale drugorzędne: to wejście służbowe, nie zaproszenie. */

.ai-zaslepka-login { padding-top: 0; }

.ai-zaslepka-login__box {
  max-width: 480px;
  padding: 18px 20px;
  border: 1px dashed var(--ai-line);
  border-radius: var(--ai-r-lg);
}
.ai-zaslepka-login__box summary {
  cursor: pointer;
  font-size: var(--ai-size-small);
  color: var(--ai-rose);
}
.ai-zaslepka-login__box[open] summary { margin-bottom: var(--ai-s4); }

.ai-zaslepka__stopka {
  padding: var(--ai-s6) 0;
  font-size: var(--ai-size-small);
  color: var(--ai-heading);
}

@media (max-width: 600px) {
  .ai-zaslepka__fakty { grid-template-columns: 1fr; }
}

.ai-login { margin: 0; }
.ai-login__pole { margin: 0 0 var(--ai-s3); }
.ai-login__pole label {
  display: block;
  margin-bottom: 6px;
  font-size: var(--ai-size-label);
  font-weight: 600;
  letter-spacing: var(--ai-ls-label);
  text-transform: uppercase;
}
.ai-login__pole input {
  width: 100%;
  padding: 10px 12px;
  font: inherit;
  color: inherit;
  background: var(--ai-card);
  border: 1px solid var(--ai-line);
  border-radius: var(--ai-r-sm, 2px);
}

/* --- zapis na powiadomienie o starcie ------------------------
   Formularz stoi na zaślepce, więc jest jedyną rzeczą, którą odwiedzający
   może tu zrobić. Ma być widoczny, ale nie krzyczeć — pod faktami
   o terminie, nad kontaktem. */

.ai-zapis-listy {
  margin: var(--ai-s6) 0 var(--ai-s5);
  padding: var(--ai-s4);
  max-width: var(--ai-miara);
  background: var(--ai-card);
  border: 1px solid var(--ai-line-strong);
  border-radius: var(--ai-r-lg);
}

.ai-zapis-listy__naglowek {
  margin: 0 0 var(--ai-s2);
  font-size: var(--ai-size-h3);
}

.ai-zapis-listy__tekst {
  margin: 0 0 var(--ai-s3);
  font-size: var(--ai-size-small);
}

.ai-zapis-listy__form {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ai-s2);
}

.ai-zapis-listy__pole {
  flex: 1 1 14rem;
  min-height: 46px;
  padding: var(--ai-s2) var(--ai-s3);
  background: var(--ai-bg);
  color: var(--ai-text);
  border: 1px solid var(--ai-line-ui);
  border-radius: var(--ai-r-sm);
  font: inherit;
}

.ai-zapis-listy__form .ai-btn { flex: none; min-height: 46px; }

.ai-zapis-listy__nota {
  margin: var(--ai-s3) 0 0;
  font-size: var(--ai-size-label);
  color: var(--ai-text-mute);
}

/* Potwierdzenie po powrocie z Sendy. Lewa krawędź w akcencie — ten sam sygnał
   co przy wyróżnieniach na stronie właściwej. */
.ai-zapis-listy__ok {
  margin: 0;
  padding: var(--ai-s2) var(--ai-s3);
  background: var(--ai-tint);
  border-left: 3px solid var(--ai-rose);
  border-radius: 0 var(--ai-r-md) var(--ai-r-md) 0;
  color: var(--ai-heading);
}

@media (max-width: 560px) {
  .ai-zapis-listy__form .ai-btn { width: 100%; }
}