/* 09.09 kurucu 23518: VARSAYILAN TEMA HER SAYFADA AYDINLIK. Isletim sistemi koyu temada olan ziyaretci
   fiyat ve odeme sayfasinda siteyi koyu goruyordu. prefers-color-scheme blogu kaldirildi; koyu tema
   ARTIK YALNIZ kullanicinin kendi sectigi durumda ([data-theme="dark"]) uygulanir, buton calismaya devam eder. */
/* ADMITNURSE inner pages · 06.09.2026 · loaded AFTER the fleet CSS (bsn/bsn-ic/k26/sc) to move the palette from
   navy + neon yellow (YY identity) to teal + coral (AdmitNurse landing). Structure untouched, colors only. */
:root{
  --bsn-night:#0f2a3a; --bsn-card-dark:#123646; --bsn-line-dark:#1f4a5c;
  --bsn-blue:#0e7c86; --bsn-amber:#ef6f4c; --bsn-amber-dark:#d75a39; --bsn-on-amber:#0f2a3a;
  --bsn-light:#fbfaf7; --bsn-ink:#1c2b33; --bsn-muted:#5b6b73;
  --os-koyu:#0f2a3a; --os-vurgu:#0e7c86; --os-line:#dfe6e3; --os-muted:#5b6b73; --os-text:#1c2b33;
}
body{background:#fbfaf7;color:#1c2b33}
a{color:#0b5f67}
h1,h2,h3{color:#0f2a3a}
/* 06.09: beyaz metin coral üstünde 2,98:1 idi (WCAG AA 4,5:1 gerekli) — koyu lacivert metne
   çekildi (4,99:1). Coral değeri AYNI kalır, yalnız üstündeki metin rengi değişti. */
.btn-cta,.k26-cta,a.btn-cta,button.btn-cta{background:#ef6f4c!important;color:#0f2a3a!important;border-radius:12px!important;box-shadow:0 6px 16px rgba(239,111,76,.28)}
.btn-cta:hover,.k26-cta:hover{background:#d75a39!important;color:#0f2a3a!important}
.btn:not(.btn-cta):not(.btn-brand):hover{border-color:#0e7c86;color:#0b5f67}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,.btn:focus-visible{outline-color:#0e7c86}
input:focus,select:focus,textarea:focus{border-color:#0e7c86}
.fk-launch-pill,.pill-vurgu{background:#e6f4f1;color:#0b5f67}
.price-card.hot,.fk-tek-kart{border-color:rgba(14,124,134,.45);box-shadow:0 0 40px rgba(14,124,134,.10),0 14px 40px rgba(15,42,58,.08)}
.kanit--bsn{display:none!important}
/* legacy yy header, in case it is still rendered anywhere: neutralize to the np palette */
.yy-ust{background:rgba(251,250,247,.94)!important;border-bottom:1px solid #dfe6e3!important}
.yy-ust nav a,.yy-ust .yy-giris{color:#1c2b33!important}
.yy-cta{background:#0e7c86!important;color:#fff!important}
.yy-logo{color:#0f2a3a!important}
/* auth / member cards: soften yellow accents */
[style*="F7E353"],[style*="f7e353"]{filter:none}
.auth-card .btn-cta,.form-card .btn-cta{background:#0e7c86!important;box-shadow:0 6px 16px rgba(14,124,134,.25)}
/* footer */
footer,.yy-alt,.bsn-footer{background:#0f2a3a;color:#cfe3e6}
footer a,.yy-alt a,.bsn-footer a{color:#cfe3e6}
/* member area buttons: fleet brand color → teal */
.btn-brand,a.btn-brand,button.btn-brand{background:#0e7c86!important;color:#fff!important;border-color:#0e7c86!important}
.btn-brand:hover{background:#0b5f67!important}
.btn-ghost{border-color:#dfe6e3!important;color:#0f2a3a!important}
.btn-ghost:hover{border-color:#0e7c86!important;color:#0b5f67!important}

/* ============================================================================
   06.09.2026 — KAPSAMLI DÜZELTME (tasarım denetimi)
   Kök sebep: bu dosya layout.php'de fleet CSS'lerinden (k26/bsn/bsn-ic) ÖNCE
   yükleniyordu; onların :root değişkenleri ve !important kuralları paleti geri
   mor (#5B3FD4/#7c3aed) ve sarıya (#F7E353/#f2b705) çekiyordu (destek balonu,
   "Create account", pill-sekmeler, Send/Pay/Start butonları, checkout SSS'i).
   layout.php'de link sırası düzeltildi (bu dosya artık EN SON); burada da
   üstteki bileşen bazlı yamalar YERİNDE KALDI (zarasız), aşağısı tam kapsama. ==== */

/* --- sc.css / k26.css paylaşılan aksan+cta değişkenleri: tek palet --- */
:root{
  --accent:#0e7c86; --accent-bright:#ef6f4c; --accent-text:#0b5f67;
  --accent-soft:#e6f4f1; --accent-line:#bfe3df;
  --cta:#ef6f4c; --cta-hover:#d75a39; --cta-text:#0f2a3a;
  --primary:#0e7c86; --primary-dark:#0b5f67;
  --navy:#0f2a3a; --navy-deep:#0a1d28;
  --font:'Sora',system-ui,sans-serif;
  --font-display:'Sora',system-ui,sans-serif;
  --font-body:'Source Sans 3',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}

/* --- k26.css'in "main *" font kilidi !important idi (satır ~2130/2256): gövde metnini
   sitenin her iç sayfasında Sora'ya çeviriyordu, başlık/gövde kontrastını siliyordu.
   Aynı ağırlıkta (!important) ama SONRA yüklenen bu kural kazanır. Önce herkese gövde
   fontu, sonra gerçek başlık/rakam bileşenlerine Sora GERİ verilir. --- */
body,main,main *,.site-footer,.site-footer *,.k26-nav,.k26-nav *,.kanit,.kanit *,
.np-top,.np-top *,.np-foot,.np-foot *{
  font-family:'Source Sans 3',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif !important;
}
h1,h2,h3,h4,h5,h6,.np-logo,.amt,.amt small,.p-amount,.stat b,.np-count b,.np-proof b,
.np-score-head b,.ode-tutar,.fy-ozet-ad,.step .no,.exam-card .name{
  font-family:'Sora',system-ui,sans-serif !important;
}

/* --- dokunma hedefi + gövde punto alt sınırı (design-rules 14 / 34.1): sc.css .btn
   15px/~39px idi, iç sayfa formlarında (destek Send, hesap butonları) 44px altındaydı --- */
.btn{font-size:16px;min-height:48px}

/* --- destek widget emojisi (💬) kaldırılamayan destek_widget.php içinde: karakter
   burada CSS ile görünmez kılınıp yerine çizgisel bir konuşma balonu ikonu konuyor,
   dosyaya dokunmadan (aria-hidden zaten üstte). --- */
#dw-ac .dw-ikon{font-size:0;line-height:0;width:15px;height:12px;display:inline-block;
  position:relative;border:2px solid #fff;border-radius:4px;vertical-align:-3px}
#dw-ac .dw-ikon::after{content:"";position:absolute;left:3px;bottom:-6px;width:0;height:0;
  border-style:solid;border-width:6px 4px 0 0;border-color:#fff transparent transparent transparent}

/* hidden özniteliği fleet display kurallarını yensin (plankart, qmode haftalik, Daily Plan) */
[hidden]{display:none!important}

/* ── 09.09.2026 cevap sayfaları (passing score / karşılaştırma / rehber) ────────
   Mevcut np.css değişkenlerini kullanır; yeni renk ya da yeni tipografi getirmez. */
.np-answer{background:var(--mint);border-left:4px solid var(--teal);border-radius:0 var(--r) var(--r) 0;padding:16px 18px;margin:14px 0 4px}
.np-answer .np-lead{max-width:none;color:var(--ink);font-size:17px}
.np-answer b{color:var(--navy)}
.sc-updated{color:var(--muted);font-size:13px}
.np-src{margin:10px 0 0;padding-left:20px;color:var(--muted);font-size:14.5px}
.np-src li{margin:0 0 7px}
.np-src a{color:var(--teal-d)}
.kirinti{margin:0 0 8px;font-size:13.5px;color:var(--muted)}
.kirinti ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.kirinti li+li:before{content:"›";margin-right:6px;color:var(--line)}
.kirinti a{color:var(--muted);text-decoration:none}
.kirinti a:hover{color:var(--teal-d);text-decoration:underline}
.np-card-link{display:block;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}
.np-card-link:hover{border-color:var(--teal);transform:translateY(-2px)}
.np-card-link h2{color:var(--navy)}
.np-article{font-size:16.5px;line-height:1.72;color:var(--ink)}
.np-article h2{font-size:22px;margin:26px 0 10px}
.np-article h3{font-size:18px;margin:20px 0 8px}
.np-article p{margin:0 0 14px}
.np-article ul,.np-article ol{margin:0 0 16px;padding-left:22px}
.np-article li{margin:0 0 8px}
.np-article table{width:100%;border-collapse:collapse;margin:8px 0 18px;font-size:15px}
.np-article th,.np-article td{border:1px solid var(--line);padding:9px 11px;text-align:left}
.np-article th{background:var(--mint);color:var(--navy);font-weight:700}
.np-calc{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-top:14px}
.np-calc label{display:flex;flex-direction:column;gap:5px;font-weight:700;font-size:14.5px;color:var(--navy)}
.np-calc label small{font-weight:400;color:var(--muted);font-size:12.5px}
.np-calc input{padding:10px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;font-weight:600;background:#fff;color:var(--ink);min-width:0}
.np-calc input:focus{outline:2px solid var(--teal);outline-offset:1px}
.np-calc-pair{display:flex;align-items:center;gap:8px}
.np-calc-pair em{font-style:normal;color:var(--muted);font-weight:400}
.np-calc-name{display:block}
.np-calc-out{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:16px;background:var(--mint);border-radius:var(--r);padding:16px 18px}
.np-calc-out div{display:flex;flex-direction:column;gap:2px}
.np-calc-out b{font-family:Sora,system-ui,sans-serif;font-size:26px;color:var(--teal-d);line-height:1.1}
.np-calc-out span{font-size:13px;color:var(--muted)}
.np-countdown{margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.np-countdown label{font-weight:700;color:var(--navy);font-size:14.5px;width:100%}
.np-countdown input[type=date]{padding:10px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;font-weight:600;background:#fff;color:var(--ink)}
.np-countdown p{width:100%}
.np-form{display:grid;gap:14px;max-width:520px}
.np-form label{display:flex;flex-direction:column;gap:4px;font-weight:700;font-size:14.5px;color:var(--navy)}
.np-form label small{font-weight:400;color:var(--muted);font-size:12.5px}
.np-form input{padding:11px 13px;border:1px solid var(--line);border-radius:10px;font:inherit;background:#fff;color:var(--ink)}
.np-form input:focus{outline:2px solid var(--teal);outline-offset:1px}
.np-form button{justify-self:start}
.np-pt-start{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.np-pt-start label{width:100%;font-weight:700;color:var(--navy);font-size:14.5px}
.np-pt-start select{padding:10px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;font-weight:600;background:#fff;color:var(--ink)}
.np-pt-bar{display:flex;align-items:center;gap:12px;margin-top:16px;font-size:13px;color:var(--muted);font-weight:700}
.np-pt-bar i{flex:1;height:7px;border-radius:99px;background:var(--line);overflow:hidden;display:block}
.np-pt-bar i b{display:block;height:100%;width:0;background:var(--teal);transition:width .25s}
.np-bar{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-size:14px}
.np-bar span{flex:0 0 190px;color:var(--navy);font-weight:600}
.np-bar i{flex:1;height:9px;border-radius:99px;background:var(--line);overflow:hidden;display:block}
.np-bar i b{display:block;height:100%;background:var(--teal)}
.np-bar em{font-style:normal;color:var(--muted);font-weight:700;flex:0 0 46px;text-align:right}
@media(max-width:560px){.np-bar span{flex-basis:110px;font-size:13px}}

/* ── 09.09.2026 KARANLIK MOD (kullanıcı maddesi 18) ───────────────────────────
   Palet np.css'teki :root değişkenleriyle AYNI isimler üzerinden çevriliyor; bileşenler
   zaten var(--...) kullandığı için ayrı bir tema dosyası gerekmiyor. Üç durum:
   (1) açık = varsayılan  (2) sistem karanlıksa ve kullanıcı seçim yapmadıysa karanlık
   (3) kullanıcı seçtiyse data-theme kazanır. Baskıda her zaman açık tema. */
:root[data-theme="dark"],
:root[data-theme="dark"] body{color-scheme:dark}
@media (min-width:0){
  :root[data-theme="dark"]{
    --sand:#0f1a1f;--ink:#e6edf0;--navy:#f2f7f8;--muted:#9fb3ba;--line:#26383f;--mint:#12303172;
    --teal:#3fb3bd;--teal-d:#7fd4dc;
  }
  :root[data-theme="dark"] body{background:#0f1a1f;color:#e6edf0}
  :root[data-theme="dark"] .np-sec.alt{background:#132329}
  :root[data-theme="dark"] .np-card,
  :root[data-theme="dark"] .np-tile,
  :root[data-theme="dark"] .np-table,
  :root[data-theme="dark"] .np-faq details,
  :root[data-theme="dark"] .np-price-card,
  :root[data-theme="dark"] .np-countdown,
  :root[data-theme="dark"] .np-pt-start,
  :root[data-theme="dark"] .np-form input,
  :root[data-theme="dark"] .np-calc input,
  :root[data-theme="dark"] .np-pt-start select{background:#152a31;color:#e6edf0}
  :root[data-theme="dark"] .np-table th{background:#1a3a40;color:#7fd4dc}
  :root[data-theme="dark"] .np-answer{background:#12303b}
  :root[data-theme="dark"] .np-calc-out{background:#12303b}
  :root[data-theme="dark"] .np-top{background:rgba(15,26,31,.94)}
  :root[data-theme="dark"] .np-opt{background:#152a31}
  :root[data-theme="dark"] .np-btn.ghost{background:#152a31;border-color:#26383f}
}
:root[data-theme="dark"]{
  --sand:#0f1a1f;--ink:#e6edf0;--navy:#f2f7f8;--muted:#9fb3ba;--line:#26383f;--mint:#12303172;
  --teal:#3fb3bd;--teal-d:#7fd4dc;
}
:root[data-theme="dark"] body{background:#0f1a1f;color:#e6edf0}
:root[data-theme="dark"] .np-sec.alt{background:#132329}
:root[data-theme="dark"] .np-card,
:root[data-theme="dark"] .np-tile,
:root[data-theme="dark"] .np-table,
:root[data-theme="dark"] .np-faq details,
:root[data-theme="dark"] .np-price-card,
:root[data-theme="dark"] .np-countdown,
:root[data-theme="dark"] .np-pt-start,
:root[data-theme="dark"] .np-form input,
:root[data-theme="dark"] .np-calc input,
:root[data-theme="dark"] .np-pt-start select{background:#152a31;color:#e6edf0}
:root[data-theme="dark"] .np-table th{background:#1a3a40;color:#7fd4dc}
:root[data-theme="dark"] .np-answer{background:#12303b}
:root[data-theme="dark"] .np-calc-out{background:#12303b}
:root[data-theme="dark"] .np-top{background:rgba(15,26,31,.94)}
:root[data-theme="dark"] .np-opt{background:#152a31}
:root[data-theme="dark"] .np-btn.ghost{background:#152a31;border-color:#26383f}
.np-tema{background:transparent;border:1px solid var(--line);border-radius:10px;color:var(--ink);
  cursor:pointer;font:inherit;font-size:15px;line-height:1;padding:8px 10px;display:inline-flex;align-items:center}
.np-tema:hover{border-color:var(--teal)}
@media print{:root{--sand:#fff;--ink:#000}}
/* np-inner.css satır 11 başlık rengini SABİT yazıyor (h1,h2,h3{color:#0f2a3a}); karanlıkta
   başlıklar arka planla aynı tona düşüyordu (390/1440 ekran görüntüsüyle yakalandı). */
:root[data-theme="dark"] h1,:root[data-theme="dark"] h2,:root[data-theme="dark"] h3,
:root[data-theme="dark"] h4,:root[data-theme="dark"] h5,:root[data-theme="dark"] h6,
:root[data-theme="dark"] .np-logo,:root[data-theme="dark"] .np-faq summary,
:root[data-theme="dark"] .kirinti span[aria-current],:root[data-theme="dark"] .np-answer b,
:root[data-theme="dark"] .soru-metin,:root[data-theme="dark"] .np-q{color:#f2f7f8}
:root[data-theme="dark"] .np-lead,:root[data-theme="dark"] .np-fine,
:root[data-theme="dark"] .np-tile p,:root[data-theme="dark"] .np-faq details p{color:#a9bdc4}
:root[data-theme="dark"] .np-answer{border-left-color:#3fb3bd}
:root[data-theme="dark"] .soru-kart,:root[data-theme="dark"] .sss-item,
:root[data-theme="dark"] .exam-card,:root[data-theme="dark"] .feature,
:root[data-theme="dark"] .gcard,:root[data-theme="dark"] .qmode{background:#152a31;color:#e6edf0;border-color:#26383f}
@media (min-width:0){
  :root[data-theme="dark"] h1,:root[data-theme="dark"] h2,:root[data-theme="dark"] h3,
  :root[data-theme="dark"] h4,:root[data-theme="dark"] h5,:root[data-theme="dark"] h6,
  :root[data-theme="dark"] .np-logo,:root[data-theme="dark"] .np-faq summary,
  :root[data-theme="dark"] .kirinti span[aria-current],:root[data-theme="dark"] .np-answer b,
  :root[data-theme="dark"] .soru-metin,:root[data-theme="dark"] .np-q{color:#f2f7f8}
  :root[data-theme="dark"] .np-lead,:root[data-theme="dark"] .np-fine,
  :root[data-theme="dark"] .np-tile p,:root[data-theme="dark"] .np-faq details p{color:#a9bdc4}
  :root[data-theme="dark"] .np-answer{border-left-color:#3fb3bd}
  :root[data-theme="dark"] .soru-kart,:root[data-theme="dark"] .sss-item,
  :root[data-theme="dark"] .exam-card,:root[data-theme="dark"] .feature,
  :root[data-theme="dark"] .gcard,:root[data-theme="dark"] .qmode{background:#152a31;color:#e6edf0;border-color:#26383f}
}
:root[data-theme="dark"] a{color:#7fd4dc}
@media (min-width:0){:root[data-theme="dark"] a{color:#7fd4dc}}
.pk-basla{background:var(--teal,#0e7c86);color:#fff;border:0;border-radius:99px;font:inherit;font-size:11.5px;
  font-weight:700;padding:3px 10px;margin-left:8px;cursor:pointer}
.pk-basla:hover{filter:brightness(1.1)}
.q-dinle{background:transparent;border:1px solid var(--line,#dfe6e3);border-radius:99px;color:inherit;
  font:inherit;font-size:12.5px;font-weight:700;padding:4px 12px;cursor:pointer;margin-top:8px}
.q-dinle:hover{border-color:var(--teal,#0e7c86)}
/* 09.09: tema düğmesi 390px'te başlığı 420px'e taşırıyordu (ölçüldü, PharmTechPass markası uzun).
   Dar ekranda başlıktaki düğme gizlenir, alt bilgideki eşdeğeri her ekranda duruyor. */
@media(max-width:640px){ .np-top .np-tema{display:none} }
.np-tema-alt{margin-top:6px;font-size:13px;gap:6px}
/* 09.09: alt bilgi koyu zeminde; tema düğmesi ink rengiyle görünmez kalıyordu (390px ölçümü). */
.np-foot .np-tema-alt{color:#cfe0e4;border-color:rgba(255,255,255,.25);background:transparent}
.np-foot .np-tema-alt:hover{color:#fff;border-color:#3fb3bd}

/* -- 09.09 . Madde 1 + 3 . KOYU MOD OKUNURLUGU (WCAG AA) --------------------
   OLCUM (Playwright, colorScheme:dark, hesaplanan renkler + alpha compositing):
   1) /pricing 390px'te GOVDE ZEMINI BEYAZ kaliyordu. Sebep: k26.css 2012. satir
      "@media (max-width:680px){ body{background:#ffffff !important} }" (eski TR sitesinden
      kalma mobil sadelestirme) koyu mod govde zeminini eziyordu. Sonuc: H1 #f2f7f8 / #ffffff
      = 1,08:1, baslik gorunmuyordu. Asagidaki kural ayni !important agirliginda ama daha
      yuksek ozgullukte oldugu icin YALNIZ koyu modda geri aliniyor.
   2) .np-guarantee (#fff), .np-notice (#fff7ed) ve .np-proof div (#fff) kutulari koyu mod
      listesinde HIC yoktu: zeminleri acik kalirken metin acik renge donuyordu (1,08 / 1,12 / 1,70).
   3) .np-btn metni acik temada var(--navy) idi; koyu modda --navy #f2f7f8'e doner ve mercan
      dugmede 2,76:1'e duserdi. .np-btn.teal ve .np-logo i beyaz metni acilan teal uzerinde
      2,50:1 idi. Renkler literal sabitlendi (ghost dugme haric tutuldu).
   4) /support form alanlari (.input, sc.css 195) ve /questions .taban-tablo (sc.css 744,
      var(--panel)=#fff, th var(--accent-soft)=#e6f4f1) koyu modda beyaz kaliyordu.
      Alan zemini karttan KOYU secildi (#0d1c22) ve cerceve #4d7d86'ya alindi: cerceve/kart
      orani 3,26:1, cerceve/alan orani 3,82:1 (WCAG 1.4.11 arayuz sinir esigi 3:1).
   5) .exam-card .meta rengi var(--exam-color) (teal #0e7c86 / mor #7c3aed) koyu kart uzerinde
      3,02 ve 2,62 idi; color-mix ile ayni sinav rengi acilir, kimlik korunur (eski tarayici
      icin duz renk yedegi once yazildi).
   Palet AdmitNurse teali: sayfa #0f1a1f . bolum #132329 . kart #152a31 . cizgi #26383f
   (PharmTechPass laciverti KULLANILMADI). */
@media (min-width:0){
  :root[data-theme="dark"] body{ background:#0f1a1f !important }
  :root[data-theme="dark"] .np-guarantee{ background:#152a31; border-color:#26383f }
  :root[data-theme="dark"] .np-guarantee p{ color:#a9bdc4 }
  :root[data-theme="dark"] .np-notice{ background:#14262c; border-color:#26383f; color:#e6edf0 }
  :root[data-theme="dark"] .np-proof div{ background:#152a31; border-color:#26383f }
  :root[data-theme="dark"] .np-proof span{ color:#a9bdc4 }
  :root[data-theme="dark"] .np-btn{ color:#0f1a1f !important }
  :root[data-theme="dark"] .np-btn.ghost{ color:#e6edf0 !important }
  :root[data-theme="dark"] .np-ribbon{ color:#0f1a1f }
  :root[data-theme="dark"] .np-logo i{ color:#0f1a1f }
  :root[data-theme="dark"] .np-fine[style*="5b6b70"]{ color:#a9bdc4 !important }
  :root[data-theme="dark"] .taban-tablo{ background:#152a31; border-color:#26383f }
  :root[data-theme="dark"] .taban-tablo th{ background:#1a3a40; color:#7fd4dc }
  :root[data-theme="dark"] .taban-tablo th,
  :root[data-theme="dark"] .taban-tablo td{ border-bottom-color:#26383f }
  :root[data-theme="dark"] .taban-tablo td small{ color:#a9bdc4 }
  :root[data-theme="dark"] .exam-card .meta{ color:#7fd4dc; color:color-mix(in srgb, var(--exam-color,#0e7c86) 55%, #ffffff) }
  :root[data-theme="dark"] .input{ background:#0d1c22; border-color:#4d7d86; color:#e6edf0 }
  :root[data-theme="dark"] .input::placeholder{ color:#9fb3ba }
}
:root[data-theme="dark"] body{ background:#0f1a1f !important }
:root[data-theme="dark"] .np-guarantee{ background:#152a31; border-color:#26383f }
:root[data-theme="dark"] .np-guarantee p{ color:#a9bdc4 }
:root[data-theme="dark"] .np-notice{ background:#14262c; border-color:#26383f; color:#e6edf0 }
:root[data-theme="dark"] .np-proof div{ background:#152a31; border-color:#26383f }
:root[data-theme="dark"] .np-proof span{ color:#a9bdc4 }
:root[data-theme="dark"] .np-btn{ color:#0f1a1f !important }
:root[data-theme="dark"] .np-btn.ghost{ color:#e6edf0 !important }
:root[data-theme="dark"] .np-ribbon{ color:#0f1a1f }
:root[data-theme="dark"] .np-logo i{ color:#0f1a1f }
:root[data-theme="dark"] .np-fine[style*="5b6b70"]{ color:#a9bdc4 !important }
:root[data-theme="dark"] .taban-tablo{ background:#152a31; border-color:#26383f }
:root[data-theme="dark"] .taban-tablo th{ background:#1a3a40; color:#7fd4dc }
:root[data-theme="dark"] .taban-tablo th,
:root[data-theme="dark"] .taban-tablo td{ border-bottom-color:#26383f }
:root[data-theme="dark"] .taban-tablo td small{ color:#a9bdc4 }
:root[data-theme="dark"] .exam-card .meta{ color:#7fd4dc; color:color-mix(in srgb, var(--exam-color,#0e7c86) 55%, #ffffff) }
:root[data-theme="dark"] .input{ background:#0d1c22; border-color:#4d7d86; color:#e6edf0 }
:root[data-theme="dark"] .input::placeholder{ color:#9fb3ba }

/* -- 09.09 . Madde 1 ek . GIRIS/KAYIT KARTI (yukaridaki .input kuralinin esi) ---
   .input koyu kuyuya cevrilince /login ve /signup sayfasindaki .form-card BEYAZ kaldigi
   icin koyu alanlar beyaz kartin icinde duruyordu. .form-card yalnizca auth.php'de
   kullaniliyor (grep ile dogrulandi), bu yuzden etki alani iki sayfayla sinirli.
   Ayrica .auth-card .btn-cta zemini np-inner 29. satirda teal (#0e7c86) yapiliyor ama
   metin .btn-cta'dan gelen #0f2a3a kaliyordu: 3,01:1. Koyu modda beyaza cekildi: 4,96:1. */
@media (min-width:0){
  :root[data-theme="dark"] .form-card{ background:#152a31; border-color:#26383f }
  :root[data-theme="dark"] .auth-card .btn-cta,
  :root[data-theme="dark"] .form-card .btn-cta{ color:#ffffff !important }
}
:root[data-theme="dark"] .form-card{ background:#152a31; border-color:#26383f }
:root[data-theme="dark"] .auth-card .btn-cta,
:root[data-theme="dark"] .form-card .btn-cta{ color:#ffffff !important }