/* Bildirimler: hesapsız takip formu, bülten aboneliği (rehber sonu + alt bilgi), onay sayfaları,
   Yönetim > Bildirimler paneli. Renkler yalnızca token'lardan. */

/* Alt bilgi her iki temada koyu: oradaki hata yazısı için açık kırmızı (koyu zeminde kontrast ≥ 4.5:1) */
:root { --night-danger: #ff8a80; }

.nt-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.nt-small { font-size: 13px; }
.nt-row { display: flex; gap: 10px; flex-wrap: wrap; align-items: stretch; }
.nt-row input[type='email'] { flex: 1 1 220px; min-width: 0; height: 46px; font-size: 15px; }
.nt-row .btn { flex-shrink: 0; }
.nt-ok { background: var(--lime-soft); color: var(--text); border-radius: 8px; padding: 10px 14px; font-size: 14px; }

/* Ürün sayfası: misafir takip formu (alarm kutusunun içinde) */
.nt-follow { display: grid; gap: 12px; margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--line-soft); }
.nt-title { margin: 0; font-size: 18px; font-weight: 700; letter-spacing: -0.01em; }
.nt-follow p { margin: 0; }
.nt-follow label.check, .nt-nl label.check { color: var(--text-2); }

/* Rehber sonu bülten kutusu */
.nt-signup { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 22px; }
.nt-signup h2 { margin: 0 0 6px; font-size: 24px; }
.nt-signup > p { margin: 0 0 14px; }
.nt-nl { display: grid; gap: 12px; max-width: 640px; }

/* Alt bilgi (koyu zemin) */
.nt-footer-form { margin-top: 24px; max-width: 420px; }
.nt-footer-title { margin: 0; color: var(--night-text); font-weight: 600; font-size: 15px; }
.footer .nt-footer-form input[type='email'] { background: var(--night-2); border-color: rgba(255, 255, 255, 0.18); color: var(--night-text); }
.footer .nt-footer-form input[type='email']::placeholder { color: var(--night-muted); }
.footer .nt-footer-form label.check { color: var(--night-muted); font-size: 12px; }
.footer .nt-footer-form label.check input { accent-color: var(--lime); }
.footer .nt-footer-form .nt-ok { background: var(--night-2); color: var(--night-text); }
.footer .nt-footer-form .form-error { background: var(--night-2); color: var(--night-danger); }

/* Onay / abonelikten çıkma sayfaları (sunucuda üretilir) */
.nt-page { max-width: 560px; margin: 64px auto; padding: 32px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); }
.nt-page h1 { margin: 0 0 10px; font-family: var(--display); font-size: 32px; letter-spacing: -0.02em; }
.nt-page form { margin-top: 18px; }
.nt-page p .btn + .btn { margin-left: 8px; }

/* Yönetim > Bildirimler */
.nt-env { list-style: none; margin: 0 0 16px; padding: 0; display: grid; gap: 6px; font-size: 14px; }
.nt-env li { display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; }
.nt-env code { font-family: var(--mono); font-size: 13px; }
.nt-env b { margin-left: auto; font-weight: 600; }
.nt-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--warn); flex-shrink: 0; align-self: center; }
.nt-dot.on { background: var(--lime-text); }
.nt-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; margin: 0 0 8px; }
.nt-stats div { border: 1px solid var(--line); border-radius: 8px; padding: 12px; display: grid; gap: 4px; }
.nt-stats b { font-family: var(--mono); font-size: 22px; }
.nt-stats span { font-size: 13px; color: var(--muted); }
.nt-h3 { margin: 22px 0 6px; font-size: 18px; }
.nt-list { margin: 8px 0 0; padding-left: 18px; font-size: 14px; }
.nt-pre { white-space: pre-wrap; word-break: break-word; background: var(--paper); border: 1px solid var(--line); border-radius: 8px; padding: 12px; font-family: var(--mono); font-size: 12px; max-height: 320px; overflow: auto; }
#notify-panel form.nt-row { display: flex; }

@media (max-width: 640px) {
  .nt-page { margin: 24px auto; padding: 22px; }
  .nt-row .btn { flex: 1 1 100%; }
}