/* Bülten ve duyurular (plugins/Newsletter) — yönetim (nl-), bayi paneli (nl-), tanıtım sayfası abonelik kutusu (nlp-) */
.nl-grid{ display:grid; grid-template-columns:minmax(0, 1.05fr) minmax(360px, .95fr); gap:14px; align-items:start }
@media (max-width: 1180px){ .nl-grid{ grid-template-columns:1fr } }
.nl-grid > .a-card{ margin:0 }
.nl-fields{ display:flex; flex-direction:column; gap:14px }
.nl-fields .f-group{ margin:0 }
.nl-g2{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px }
.nl-g2 .f-group{ margin:0 }
.nl-g2[hidden], .nl-fields [hidden]{ display:none !important }
.nl-tools{ display:flex; flex-wrap:wrap; gap:5px; align-items:center; margin-bottom:6px }
.nl-sep{ width:1px; height:20px; background:var(--c-border); margin:0 4px }
.nl-tools .select2-container{ min-width:220px; flex:1; max-width:340px }
.nl-prod{ min-width:220px }
.nl-code{ min-height:340px; font-size:12px !important; line-height:1.6 !important }
.nl-var{ padding:1px 6px; border-radius:5px; font-size:11px; font-family:ui-monospace, SFMono-Regular, Menlo, monospace; background:var(--c-head); border:1px solid var(--c-border-light); cursor:pointer; color:var(--c-text); font-weight:600 }
.nl-var:hover{ border-color:var(--c-accent); color:var(--c-accent) }
.nl-modes{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px }
.nl-mode{ position:relative; margin:0; cursor:pointer }
.nl-mode input{ position:absolute; opacity:0; pointer-events:none }
.nl-mode > span{ display:flex; align-items:center; gap:8px; height:100%; padding:10px 12px; border:1.5px solid var(--c-border); border-radius:10px; background:var(--c-surface); font-size:12.5px }
.nl-mode > span i{ font-size:16px; color:var(--c-text-muted) }
.nl-mode input:checked + span{ border-color:var(--c-accent); background:color-mix(in srgb, var(--c-accent) 5%, var(--c-surface)) }
.nl-mode input:checked + span i{ color:var(--c-accent) }
.nl-mode input:focus-visible + span{ outline:2px solid var(--c-accent); outline-offset:2px }
.nl-checks{ display:flex; flex-direction:column; gap:10px }
.nl-checks .a-switch{ margin:0 }
.nl-checks [hidden]{ display:none !important }
.nl-count{ display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border-radius:999px; background:var(--c-accent-soft); color:var(--c-accent); font-size:12px }
.nl-count b{ font-size:13px }
.nl-count.loading{ opacity:.6 }
.nl-m0{ margin:0 } .nl-m{ margin:10px var(--pad, 16px) 0 } .nl-pt{ padding-top:12px !important }
.nl-send .sec-body{ display:flex; flex-direction:column; gap:12px }
.nl-sendrow{ display:flex; align-items:center; gap:8px; flex-wrap:wrap }
.nl-test{ display:flex; gap:6px; flex-wrap:wrap; flex:1 }
.nl-test .f-input{ max-width:260px; height:34px }
.nl-dt{ width:auto; height:34px }
.nl-or{ font-size:12px; color:var(--c-text-muted) }
.nl-prev{ position:sticky; top:110px; overflow:hidden }
@media (max-width: 1180px){ .nl-prev{ position:static } }
.nl-seg{ display:inline-flex; background:var(--c-head); border:1px solid var(--c-border-light); border-radius:8px; padding:2px }
.nl-seg button{ border:0; background:none; padding:3px 9px; border-radius:6px; font-size:13px; color:var(--c-text-muted); cursor:pointer; line-height:1.4 }
.nl-seg button.on{ background:var(--c-surface); color:var(--c-text); box-shadow:0 1px 2px rgba(0,0,0,.08) }
.nl-frame-wrap{ background:#f2f3f5; display:flex; justify-content:center }
.nl-frame{ width:100%; height:calc(100vh - 230px); min-height:560px; border:0; background:#f2f3f5; display:block; transition:width .2s }
.nl-frame-wrap.mobile .nl-frame{ width:390px; max-width:100% }
.nl-frame.loading{ opacity:.55 }
.nl-del{ margin:14px 0 0; display:flex; justify-content:flex-end }
.nl-save{ justify-content:flex-end; margin-top:14px }
.nl-ell{ max-width:360px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.nl-aud{ max-width:220px; font-size:12px }
.nl-chans{ display:flex; gap:8px; margin-top:3px; font-size:11px; color:var(--c-text-muted) }
.nl-bar{ height:6px; border-radius:99px; background:var(--c-border-light); overflow:hidden; margin-top:6px; min-width:80px }
.nl-bar i{ display:block; height:100%; background:var(--c-accent); border-radius:99px; transition:width .3s }
.nl-bar.lg{ height:8px; flex:1 }
.nl-head .nl-head-b{ display:flex; gap:16px; align-items:flex-start; flex-wrap:wrap }
.nl-head-t{ flex:1; min-width:260px; display:flex; flex-direction:column; gap:6px }
.nl-head-l{ display:flex; gap:6px; align-items:center; flex-wrap:wrap }
.nl-subj{ margin:0; font-size:18px; font-weight:700; letter-spacing:-.2px }
.nl-head-a{ display:flex; gap:8px; flex-wrap:wrap; align-items:center }
.nl-head-a form{ margin:0 }
.nl-chip{ display:inline-flex; align-items:center; gap:5px; padding:2px 9px; border-radius:999px; background:var(--c-head); border:1px solid var(--c-border-light); font-size:11.5px; color:var(--c-text-secondary); font-weight:600 }
.nl-prog{ display:flex; align-items:center; gap:12px; padding:0 var(--pad, 16px) var(--pad, 16px); font-size:12.5px; color:var(--c-text-secondary) }
.nl-rf{ border-top:1px solid var(--c-border-light) }
.nl-err{ margin-top:3px; font-size:11.5px; color:var(--c-red); max-width:280px; overflow-wrap:anywhere }
.nl-links{ list-style:none; margin:0; padding:4px var(--pad, 16px) 14px; display:flex; flex-direction:column; gap:9px }
.nl-links li{ display:flex; flex-direction:column; gap:2px; font-size:12.5px }
.nl-links .u{ font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.nl-links .n{ font-size:11.5px; color:var(--c-text-muted) }
.nl-help{ list-style:none; margin:0; padding:4px var(--pad, 16px) var(--pad, 16px); display:flex; flex-direction:column; gap:10px }
.nl-help li{ display:flex; gap:9px; font-size:12px; color:var(--c-text-secondary); line-height:1.55 }
.nl-help i{ color:var(--c-accent); margin-top:2px; flex:none }
/* Bayi paneli */
.nl-dgrid{ display:grid; grid-template-columns:minmax(0, 1fr) 300px; gap:14px; align-items:start }
@media (max-width: 960px){ .nl-dgrid{ grid-template-columns:1fr } }
.nl-dgrid > .a-card{ margin:0 }
.nl-feed{ list-style:none; margin:0; padding:0 }
.nl-feed li + li{ border-top:1px solid var(--c-border-light) }
.nl-feed a{ display:flex; gap:12px; align-items:flex-start; padding:13px var(--pad, 16px); text-decoration:none; color:var(--c-text) }
.nl-feed a:hover{ background:var(--c-head) }
.nl-feed .ic{ width:34px; height:34px; border-radius:10px; display:grid; place-items:center; background:var(--c-head); color:var(--c-text-muted); flex:none }
.nl-feed li.new .ic{ background:var(--c-accent-soft); color:var(--c-accent) }
.nl-feed .tx{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px }
.nl-feed .tx b{ font-size:13.5px; font-weight:600 }
.nl-feed li.new .tx b{ font-weight:800 }
.nl-feed .tx small{ font-size:12px; color:var(--c-text-muted); line-height:1.45 }
.nl-feed .dt{ font-size:11.5px; color:var(--c-text-secondary); text-align:right; white-space:nowrap; display:flex; flex-direction:column }
.nl-feed .dt small{ color:var(--c-text-muted); font-size:11px }
.nl-dpref .a-switch{ margin:0 }
.nl-banner{ display:flex; align-items:center; gap:12px; padding:12px 14px; margin-bottom:14px; border:1px solid #cfdcfb; border-radius:12px; background:var(--c-accent-soft) }
.nl-banner .ic{ width:36px; height:36px; border-radius:10px; display:grid; place-items:center; background:var(--c-accent); color:#fff; flex:none }
.nl-banner .tx{ flex:1; min-width:0; display:flex; flex-direction:column; text-decoration:none; color:var(--c-text) }
.nl-banner .tx b{ font-size:13.5px } .nl-banner .tx small{ font-size:12px; color:var(--c-text-secondary); white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.nl-article{ max-width:760px; margin:0 auto }
.nl-article-h{ padding:22px 26px 6px; display:flex; flex-direction:column; gap:8px; align-items:flex-start }
.nl-article-h h1{ margin:0; font-size:22px; font-weight:800; letter-spacing:-.3px }
.nl-article-b{ padding:10px 26px 24px; font-size:14.5px; line-height:1.7; color:var(--c-text-secondary); overflow-wrap:anywhere }
.nl-article-b img{ max-width:100%; height:auto }
.nl-article-b table{ max-width:100% }
.nl-article-b h1{ font-size:20px; color:var(--c-text); margin:6px 0 10px } .nl-article-b h2{ font-size:17px; color:var(--c-text) } .nl-article-b h3{ font-size:12px; text-transform:uppercase; letter-spacing:.5px; color:var(--c-text-muted) }
.nl-article-b .em-eyebrow{ font-size:11.5px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; color:var(--c-accent); margin:0 0 6px }
.nl-article-b .em-lead{ font-size:15.5px; color:var(--c-text) }
.nl-article-b .em-panel{ margin:18px 0; padding:16px 18px; border-radius:12px; background:var(--c-head) }
.nl-article-b .em-panel-title{ font-size:11.5px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; color:var(--c-text-muted); margin:0 0 8px }
.nl-article-b .em-note, .nl-article-b .em-fine{ font-size:12.5px; color:var(--c-text-muted) }
.nl-article-b .em-btn, .nl-article-b .em-btn-secondary{ display:inline-flex; align-items:center; padding:10px 18px; border-radius:10px; font-weight:700; text-decoration:none; margin:8px 6px 8px 0; background:var(--c-text); color:#fff }
.nl-article-b .em-btn-secondary{ background:var(--c-surface); color:var(--c-text); border:1.5px solid var(--c-border) }
.nl-article-b .em-quote{ padding-left:14px; border-left:3px solid var(--c-border) }
@media (max-width: 640px){ .nl-g2, .nl-modes{ grid-template-columns:1fr } .nl-article-h, .nl-article-b{ padding-left:16px; padding-right:16px } .nl-banner{ flex-wrap:wrap } .nl-feed .dt{ display:none } }

/* ───────────── Tanıtım sayfası (site.css ile) ───────────── */
.nlp{ background:var(--s-soft, #fafafa); border-top:1px solid var(--s-border-light, #f0f0f0); padding:56px 0; scroll-margin-top:70px }
.nlp-in{ display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1.1fr); gap:28px; align-items:center }
.nlp-t{ display:flex; gap:16px; align-items:flex-start }
.nlp-ic{ width:48px; height:48px; border-radius:14px; display:grid; place-items:center; background:#171717; color:#fff; font-size:22px; flex:none }
.nlp-t h2{ margin:0 0 6px; font-size:22px; font-weight:800; letter-spacing:-.4px; color:var(--s-text, #171717) }
.nlp-t p{ margin:0; font-size:14px; line-height:1.6; color:var(--s-text-2, #525252) }
.nlp-f{ display:flex; flex-direction:column; gap:10px; margin:0 }
.nlp-row{ display:flex; gap:8px; flex-wrap:wrap }
.nlp-row input{ flex:1 1 200px; min-width:0; height:46px; padding:0 14px; border:1px solid var(--s-border-strong, #d4d4d4); border-radius:10px; background:#fff; font:inherit; font-size:14px; color:var(--s-text, #171717); outline:none }
.nlp-row input:focus{ border-color:#171717; box-shadow:0 0 0 3px rgba(23, 23, 23, .08) }
.nlp-row .nlp-in-co{ flex-basis:160px }
.nlp-row .s-btn{ flex:none }
.nlp-kvkk{ display:flex; gap:9px; align-items:flex-start; font-size:12px; line-height:1.55; color:var(--s-muted, #737373); cursor:pointer; margin:0 }
.nlp-kvkk input{ margin-top:2px; width:16px; height:16px; flex:none; accent-color:#171717 }
.nlp-kvkk a{ color:var(--s-text, #171717); font-weight:600 }
.nlp-hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden }
.nlp-msg{ padding:10px 12px; border-radius:10px; font-size:13px; font-weight:600 }
.nlp-msg.ok{ background:var(--s-green-soft, #ecfdf3); color:var(--s-green, #15803d) }
.nlp-msg.err{ background:var(--s-red-soft, #fef2f2); color:var(--s-red, #b91c1c) }
.nlp-f.sent .nlp-row, .nlp-f.sent .nlp-kvkk{ display:none }
.nlp-page{ max-width:520px }
.nlp-big{ width:64px; height:64px; border-radius:18px; display:grid; place-items:center; margin:0 auto 14px; font-size:28px; background:var(--s-green-soft, #ecfdf3); color:var(--s-green, #15803d) }
.nlp-big.warn{ background:var(--s-amber-soft, #fffbeb); color:var(--s-amber, #b45309) }
.nlp-unsub{ display:flex; flex-direction:column; gap:10px; align-items:center; margin-top:8px }
.nlp-sel{ width:100%; max-width:380px; height:42px; border:1px solid var(--s-border-strong, #d4d4d4); border-radius:10px; padding:0 10px; font:inherit; font-size:13.5px; background:#fff }
@media (max-width: 860px){ .nlp-in{ grid-template-columns:1fr } .nlp{ padding:40px 0 } .nlp-row .s-btn{ width:100%; justify-content:center } }