/* ============================================================
   24 — ekrany listy powiadomień (potwierdzenie, wypisanie, …)
   ============================================================ */

.ai-stan { padding-block: var(--ai-s7); }

.ai-stan__karta {
  max-width: var(--ai-miara);
  padding: var(--ai-s5);
  background: var(--ai-card);
  border: 1px solid var(--ai-line-strong);
  border-left: 4px solid var(--ai-rose);
  border-radius: var(--ai-r-lg);
  box-shadow: var(--ai-cien);
}

/* Ton mówi, czy to dobra wiadomość, zwykłe potwierdzenie, czy sytuacja do naprawienia.
   Po wypisaniu lewa krawędź gaśnie do koloru linii: „wypisaliśmy Cię” nie jest
   sukcesem do świętowania ani błędem do zgłaszania. */
.ai-stan__karta--neutralny { border-left-color: var(--ai-line-ui); }
.ai-stan__karta--uwaga { border-left-color: var(--ai-magenta); background: var(--ai-tint); }

.ai-stan__karta h1 { margin: 0 0 var(--ai-s3); font-size: var(--ai-size-h2); }

.ai-stan__tresc { font-size: var(--ai-size-lead); line-height: 1.6; }
.ai-stan__tresc p { margin: 0 0 var(--ai-s3); }
.ai-stan__tresc p:last-child { margin-bottom: 0; }

.ai-stan__akcja { margin: var(--ai-s5) 0 0; }

.ai-stan__kontakt {
  margin: var(--ai-s4) 0 0;
  max-width: var(--ai-miara);
  font-size: var(--ai-size-small);
  color: var(--ai-text-mute);
}