/* PiyasaKuşu yeni site (13.10.2026) — hesap sayfaları: şifre yenileme isteği, yeni şifre, doğrulamayı yeniden
   gönderme, e-posta doğrulama, geri bildirim (PM iş emri PK-YENI-SITE-03). Yeni dosya.
   Beş sayfa giriş sayfasının parçalarıyla kurulur (sahne, form sütunu, girdi, etiket, düğme, bağlantı: giris.css;
   o dosyaya dokunulmaz). Burada yalnız giriş sayfasında olmayan parçalar vardır: başlığın üstündeki küçük satır,
   alanın altındaki hata, çok satırlı yazı alanı, seçim kutusu, üç konuluk küçük liste. */

/* başlığın üstündeki küçük satır (eski sayfadaki kutu başlığı) */
.h-ust { margin: 0; font-size: 13px; font-weight: 500; line-height: 1.3; letter-spacing: .02em; color: #23609f; }

/* alanın hemen altındaki hata: giriş sayfasının hata rengi ve boyu */
.h-hata { margin: 0; font-size: 14px; line-height: 1.5; color: #a3262f; }
.h-hata:empty { display: none; }
.g-girdi input[aria-invalid="true"], .g-girdi textarea[aria-invalid="true"] { box-shadow: 0 2px 3px -1px rgba(15, 27, 45, .1), 0 0 0 1.5px #a3262f; }
.h-sayfa .g-durum:empty { min-height: 0; }

/* uzun form (geri bildirim): içerik pencereye sığmazsa üstten başlar, ortalanıp kesilmez */
.h-sayfa--uzun .g-form-yan { align-items: flex-start; padding-top: 40px; padding-bottom: 56px; }
.h-sayfa--uzun .g-form { margin-block: auto; }

/* çok satırlı yazı alanı ve seçim kutusu: girdiyle aynı kutu, aynı gölge, aynı odak halkası */
.g-girdi textarea, .g-girdi select {
  display: block; width: 100%; padding: 10px 14px; border: 0; border-radius: 10px; background: #fff; color: #0f1b2d;
  font: inherit; font-size: 15px; line-height: 1.5; box-shadow: 0 2px 3px -1px rgba(15, 27, 45, .1), 0 0 0 1px rgba(15, 27, 45, .14);
}
.g-girdi textarea { min-height: 96px; resize: vertical; }
.g-girdi select { height: 44px; padding-block: 0; cursor: pointer; }
.g-girdi textarea:focus-visible, .g-girdi select:focus-visible { outline: 2px solid #2a6eb7; outline-offset: 1px; }

/* üç konuluk küçük liste (geri bildirimde neyin işe yarayacağı) */
.h-konular { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.h-konular li { padding: 4px 10px; border: 1px solid #c9d6e6; border-radius: 999px; background: #fff; font-size: 13px; line-height: 1.4; color: #3d4959; }

.h-not { margin: 0; font-size: 12.5px; line-height: 1.6; color: #4b5768; text-align: center; }

@media (max-width: 1023px) {
  .h-sayfa--uzun .g-form-yan { padding-top: 40px; padding-bottom: 64px; }
}
@media (prefers-reduced-motion: reduce) {
  .g-girdi textarea, .g-girdi select { transition: none; }
}

/* uzun formda (geri bildirim) sol yarıdaki sahne sayfayla birlikte kaymaz: form akarken pencerenin içinde durur */
@media (min-width: 1024px) {
  .h-sayfa--uzun { align-items: start; }
  .h-sayfa--uzun .g-sahne { position: sticky; top: 66px; height: calc(100dvh - 66px); min-height: 0; max-height: 794px; }
}