/* Kaza Takibim — okunaklı metin (≈17–18px), en az 48px dokunma alanı, koyu tema, %200 yazı boyutunda taşmaz */
.ni-kz { font-size: max(17px, 1.0625rem); line-height: 1.55; color: var(--_t); }
.ni-kz-app { background: var(--_s); border: 1px solid var(--_b); border-radius: var(--_r); padding: 1.25rem; }
.ni-kz h2.ni-kz-baslik { font-size: 1.5rem; margin: .25rem 0 .75rem; outline: none; }
.ni-kz h3 { font-size: 1.125rem; margin: 1.5rem 0 .5rem; }
.ni-kz h4 { font-size: 1.0625rem; margin: .75rem 0 .25rem; }
.ni-kz p { margin: .5rem 0; }
.ni-kz small { font-size: .9375rem; }
.ni-kz-not { color: var(--_m); font-size: 1rem; }
.ni-kz-uyari { background: #fff4d6; color: #5a4300; border-radius: 12px; padding: .75rem 1rem; }
.ni-kz-hata { color: #a32020; font-weight: 600; margin: .25rem 0 .75rem; font-size: 1rem; }
.ni-kz-hata::before { content: "⚠ "; }
.ni-kz-etiket { display: inline-block; font-size: .875rem; font-weight: 700; padding: .1rem .55rem; border-radius: 99px; background: var(--_s2); color: var(--_t); border: 1px solid var(--_b); vertical-align: middle; }
.ni-kz-adim { color: var(--_m); font-weight: 600; margin: 0 0 .5rem; }

/* düğmeler */
.ni-kz-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: .6rem 1.15rem; border-radius: 12px; border: 2px solid var(--_p); background: var(--_p); color: #fff !important; font: inherit; font-weight: 700; cursor: pointer; text-decoration: none; text-align: center; }
.ni-kz-btn:hover { background: var(--_p2); border-color: var(--_p2); }
.ni-kz-btn--ghost { background: transparent; color: var(--_p) !important; }
.ni-kz-btn--ghost:hover { background: var(--_s2); color: var(--_p) !important; }
.ni-kz-btn--tehlike { background: #a32020; border-color: #a32020; }
.ni-kz-btn--tehlike:hover { background: #861a1a; border-color: #861a1a; }
.ni-kz-link { background: none; border: 0; padding: .5rem .25rem; min-height: 48px; font: inherit; font-weight: 600; color: var(--_p); text-decoration: underline; cursor: pointer; }
.ni-kz-geri { background: none; border: 0; font: inherit; font-weight: 600; color: var(--_p); min-height: 48px; padding: .25rem 0; cursor: pointer; }
.ni-kz :focus-visible { outline: 3px solid var(--_a); outline-offset: 2px; }
.ni-kz-alt, .ni-kz-satir { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.25rem; }
.ni-kz-satir { margin-top: .75rem; }

/* kurulum kartları */
.ni-kz-kurulum { display: grid; gap: .75rem; margin: 1rem 0; }
.ni-kz-kart, .ni-kz-sat { display: grid; gap: .2rem; width: 100%; min-height: 64px; text-align: left; padding: 1rem 1.15rem; border-radius: 14px; border: 2px solid var(--_b); background: var(--_bg); color: var(--_t); font: inherit; cursor: pointer; }
.ni-kz-kart strong, .ni-kz-sat strong { font-size: 1.125rem; color: var(--_p); }
.ni-kz-kart span, .ni-kz-sat span { color: var(--_m); }
.ni-kz-kart:hover, .ni-kz-sat:hover { border-color: var(--_p); }
.ni-kz-sat--tehlike strong { color: #a32020; }
.ni-kz-diger { display: grid; gap: .6rem; margin-top: 1.5rem; }

/* form */
.ni-kz-form { margin-top: .5rem; }
.ni-kz-alan { display: grid; gap: .3rem; margin: .75rem 0 .25rem; font-weight: 600; }
.ni-kz-alan small { font-weight: 400; color: var(--_m); }
.ni-kz input[type="text"], .ni-kz input[type="time"], .ni-kz select { min-height: 48px; box-sizing: border-box; width: 100%; max-width: 22rem; font: inherit; font-weight: 400; padding: .5rem .75rem; border: 2px solid var(--_b); border-radius: 10px; background: var(--_s); color: var(--_t); }
.ni-kz input[aria-invalid="true"], .ni-kz select[aria-invalid="true"] { border-color: #a32020; }
.ni-kz-alan--kisa input { max-width: 10rem; }
.ni-kz-tarih, .ni-kz-grup, .ni-kz-donem { border: 0; padding: 0; margin: 1rem 0 .25rem; min-width: 0; }
.ni-kz-tarih legend, .ni-kz-grup legend, .ni-kz-donem > legend { font-weight: 700; padding: 0; margin-bottom: .35rem; }
.ni-kz-tarih__s { display: flex; flex-wrap: wrap; gap: .6rem; align-items: flex-end; }
.ni-kz-tarih__s label { display: grid; gap: .2rem; font-size: 1rem; }
.ni-kz-tarih__s label:nth-child(1) input { width: 4.5rem; }
.ni-kz-tarih__s label:nth-child(2) select { width: 10rem; }
.ni-kz-tarih__s label:nth-child(3) input { width: 6.5rem; }
.ni-kz-donem { background: var(--_bg); border-radius: 14px; padding: .75rem 1rem 1rem; }
.ni-kz-donem > legend { float: left; width: 100%; margin: 0 0 .25rem; }
.ni-kz-donem > legend + * { clear: both; }
.ni-kz-ekle { display: flex; flex-wrap: wrap; gap: .6rem; margin: 1rem 0 .5rem; }
.ni-kz-uc, .ni-kz-iki { display: grid; grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr)); gap: 0 .75rem; }
.ni-kz-vakit-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); gap: 0 1rem; }
.ni-kz-secim { display: grid; gap: .5rem; }
.ni-kz-secim__o { display: flex; gap: .75rem; align-items: flex-start; min-height: 48px; padding: .75rem 1rem; border: 2px solid var(--_b); border-radius: 12px; background: var(--_bg); cursor: pointer; }
.ni-kz-secim__o.is-on { border-color: var(--_p); background: var(--_s2); }
.ni-kz-secim__o input { width: 1.4rem; height: 1.4rem; margin-top: .15rem; accent-color: var(--_p); flex: none; }
.ni-kz-secim__o span { display: grid; gap: .1rem; }
.ni-kz-secim__o small { color: var(--_m); }
.ni-kz-onay { display: flex; gap: .65rem; align-items: flex-start; min-height: 48px; padding: .5rem 0; cursor: pointer; }
.ni-kz-onay input { width: 1.4rem; height: 1.4rem; margin-top: .2rem; accent-color: var(--_p); flex: none; }
.ni-kz-onay small { color: var(--_m); }
.ni-kz-cips { display: flex; flex-wrap: wrap; gap: .5rem; }
.ni-kz-cip { display: inline-flex; gap: .4rem; align-items: center; min-height: 48px; padding: 0 .9rem; border: 2px solid var(--_b); border-radius: 99px; cursor: pointer; }
.ni-kz-cip input { width: 1.25rem; height: 1.25rem; accent-color: var(--_p); }
.ni-kz-ayni { background: var(--_bg); border-radius: 14px; padding: .25rem 1rem 1rem; margin: .5rem 0; }
.ni-kz-onizle { background: var(--_s2); border-radius: 12px; padding: .75rem 1rem; margin: .75rem 0; }

/* özet tablo */
.ni-kz-tablo { width: 100%; max-width: 32rem; border-collapse: collapse; margin: .75rem 0; }
.ni-kz-tablo caption { text-align: left; color: var(--_m); padding-bottom: .35rem; }
.ni-kz-tablo th, .ni-kz-tablo td { padding: .55rem .5rem; border-bottom: 1px solid var(--_b); text-align: left; }
.ni-kz-tablo td { font-variant-numeric: tabular-nums; }
.ni-kz-tablo tfoot th, .ni-kz-tablo tfoot td { font-weight: 700; border-bottom: 0; }
.ni-kz-dl { display: grid; grid-template-columns: max-content 1fr; gap: .35rem 1rem; margin: .5rem 0; }
.ni-kz-dl dt { color: var(--_m); }
.ni-kz-dl dd { margin: 0; font-weight: 600; }
.ni-kz-nasil { margin: 1rem 0; }
.ni-kz-nasil summary, .ni-kz-bilgi summary { cursor: pointer; font-weight: 700; min-height: 48px; display: flex; align-items: center; }

/* takip */
.ni-kz-bugun__n { font-size: 1.125rem; }
.ni-kz-bugun__n strong { font-size: 1.75rem; color: var(--_p); font-variant-numeric: tabular-nums; }
.ni-kz-hedef { color: var(--_m); font-weight: 600; }
.ni-kz-vakitler { list-style: none; padding: 0; margin: .75rem 0; display: grid; gap: .6rem; }
.ni-kz-vakit { display: grid; grid-template-columns: minmax(0, auto) minmax(0, 1fr) auto; gap: .35rem 1rem; align-items: center; padding: .75rem 1rem; border-radius: 14px; background: var(--_bg); border: 1px solid var(--_b); }
.ni-kz-vakit__ad { font-weight: 700; font-size: 1.125rem; }
.ni-kz-vakit__sayi { display: flex; flex-wrap: wrap; gap: .25rem 1rem; color: var(--_m); }
.ni-kz-vakit__sayi b { color: var(--_t); font-variant-numeric: tabular-nums; }
.ni-kz-kil { min-height: 48px; min-width: min(9.5rem, 100%); max-width: 100%; padding: .55rem 1rem; border-radius: 12px; border: 2px solid var(--_p); background: var(--_p); color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.ni-kz-kil:hover { background: var(--_p2); }
.ni-kz-kil[aria-disabled="true"] { background: transparent; color: var(--_m); border-color: var(--_b); cursor: default; }
.ni-kz-sifir { margin: .25rem 0 .5rem; }
.ni-kz-durum { min-height: 1.5rem; display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; font-weight: 600; }
.ni-kz-durum:not(:empty) { background: var(--_s2); border-radius: 12px; padding: .5rem .75rem; margin: .5rem 0; }
.ni-kz-kalan, .ni-kz-gecmis, .ni-kz-bugun { margin-top: 1.25rem; }
.ni-kz-gunler { list-style: none; padding: 0; margin: .5rem 0; }
.ni-kz-gunler > li { border-top: 1px solid var(--_b); padding: .25rem 0 .5rem; }
.ni-kz-gunler ul { list-style: none; padding: 0; margin: 0; }
.ni-kz-kayit { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: .25rem 1rem; padding: .25rem 0; }
.ni-kz-kayit--b, .ni-kz-kayit--eski { color: var(--_m); }
.ni-kz-kayit__a { display: flex; gap: .5rem; }
.ni-kz-duz, .ni-kz-onay-kutu { flex-basis: 100%; background: var(--_s2); border-radius: 12px; padding: .5rem 1rem 1rem; }
.ni-kz-onay-kutu { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; }
.ni-kz-onay-kutu p { flex-basis: 100%; }
.ni-kz-liste { padding-left: 1.25rem; }
.ni-kz-bilgi-not { background: var(--_s2); border-radius: 12px; padding: .75rem 1rem; margin-bottom: 1rem; }

/* bilgi ve kaynaklar */
.ni-kz-bilgi { margin-top: 1.5rem; background: var(--_s); border: 1px solid var(--_b); border-radius: var(--_r); padding: .25rem 1.25rem; }
.ni-kz-bilgi summary h2 { display: inline; font-size: 1.25rem; margin: 0; }
.ni-kz-bilgi__ic { padding-bottom: 1rem; }
.ni-kz-bilgi__ic h3 { font-size: 1.0625rem; }

@media (max-width: 520px) {
	.ni-kz-app { padding: 1rem .85rem; }
	.ni-kz-vakit { grid-template-columns: 1fr; }
	.ni-kz-kil { width: 100%; }
	.ni-kz-dl { grid-template-columns: 1fr; gap: 0 1rem; }
	.ni-kz-dl dd { margin-bottom: .4rem; }
}

[data-theme="dark"] .ni-kz-uyari { background: #3d3216; color: #f5e3b3; }
[data-theme="dark"] .ni-kz-hata { color: #ff9b9b; }
[data-theme="dark"] .ni-kz-btn--tehlike { background: #b33a3a; border-color: #b33a3a; }
[data-theme="dark"] .ni-kz-sat--tehlike strong { color: #ff9b9b; }
[data-theme="dark"] .ni-kz input[aria-invalid="true"] { border-color: #ff9b9b; }
/* uzun sözcükler ve büyük yazı: kutular ekrandan taşmaz */
.ni-kz-app, .ni-kz-app * { min-width: 0; overflow-wrap: anywhere; }
.ni-kz-kart, .ni-kz-sat, .ni-kz-vakit__sayi span { max-width: 100%; box-sizing: border-box; }
.ni-kz-sat span, .ni-kz-kart span { white-space: normal; }

/* üyelik notu: içerikte, küçük ve kapatılabilir (sabit bant yerine) */
.ni-kz-uye { display: grid; grid-template-columns: 1fr auto; align-items: start; gap: .4rem .5rem; margin: .75rem 0 0; padding: .6rem .5rem .6rem 1rem; border: 1px solid var(--_b); border-radius: 12px; background: var(--_s2); font-size: 1rem; }
.ni-kz-uye p { grid-column: 1; grid-row: 1; margin: .55rem 0 0; }
.ni-kz-uye__x { grid-column: 2; grid-row: 1; }
.ni-kz-uye__btn { grid-column: 1; grid-row: 2; justify-self: start; }
.ni-kz-uye__btn { display: inline-flex; align-items: center; min-height: 44px; padding: 0 .9rem; border-radius: 999px; background: var(--_p); color: #fff !important; font-weight: 700; text-decoration: none; }
.ni-kz-uye__x { min-width: 44px; min-height: 44px; border: 0; background: transparent; color: var(--_m); font-size: 1.4rem; line-height: 1; cursor: pointer; border-radius: 8px; }

/* Başlıktaki “İşlemler” menüsü ve aynı vakte ait işlemlerin özeti */
.ni-kz-ust { display: flex; align-items: center; justify-content: space-between; gap: .75rem; flex-wrap: wrap; }
.ni-kz-islemler { position: relative; }
.ni-kz-islemler > summary { list-style: none; cursor: pointer; min-height: 44px; display: inline-flex; align-items: center; padding: 0 1rem; border: 1px solid currentColor; border-radius: 999px; font-weight: 600; color: var(--ni-primary, #0e5a4f); }
.ni-kz-islemler > summary::-webkit-details-marker { display: none; }
.ni-kz-islemler__menu { position: absolute; right: 0; z-index: 5; min-width: 16rem; max-width: calc(100vw - 2rem); margin-top: .35rem; padding: .35rem; background: var(--ni-surface, #fff); border: 1px solid var(--ni-border, #e3dccb); border-radius: 12px; box-shadow: 0 10px 24px -12px rgba(0,0,0,.35); display: grid; }
.ni-kz-islemler__menu button { min-height: 44px; text-align: left; padding: .5rem .75rem; background: none; border: 0; border-radius: 8px; font: inherit; color: inherit; cursor: pointer; }
.ni-kz-islemler__menu button:hover, .ni-kz-islemler__menu button:focus-visible { background: color-mix(in srgb, var(--ni-primary, #0e5a4f) 8%, transparent); }
.ni-kz-kayit--grup details > summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; }
.ni-kz-kayit--grup details > ul { margin: 0 0 .25rem 1rem; padding: 0; list-style: none; }