:root{
  --bg:#f5f7fb; /* Sayfa arka planı rengi */
  --card:#ffffff; /* Kart bileşenleri arka plan rengi */
  --accent:#8B0000; /* Birincil vurgu rengi (koyu kırmızı) */
  --accent-2:#b30000; /* İkincil vurgu rengi (vurgunun ton farkı) */
  --muted:#6b7a89; /* Az vurgulu metin/rengi (muted) */
  --success:#0a8a56; /* Başarılı durum rengi (yeşil) */
  --danger:#c23d3d; /* Hata/danger rengi (kırmızı ton) */
  --radius:12px; /* Genel border-radius değeri */
  --shadow: 0 14px 40px rgba(11,61,106,0.06); /* Kart gölge stili */
  --input-h:48px; /* Giriş alanlarının yüksekliği */
  --maxw:1100px; /* Konteyner maksimum genişliği */
  --scrollbar:#8b0000; /* Kaydırma çubuğu ana rengi (değişken olarak tanımlı) */
  --tooltip-bg:#0b2336; /* Tooltip (ipucu) arka plan rengi */
}
*{box-sizing:border-box} /* Tüm elemanlarda box-sizing: border-box ayarı */
html,body{height:100%} /* html ve body %100 yükseklik olmalı */
body{margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:#0c1720;-webkit-font-smoothing:antialiased;} /* Body temel stil: margin sıfır, font ailesi, arka plan ve ana metin rengi, antialiasing */
.container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;} /* Sayfa ortalayıcı konteyner: dikey 100vh, ortala, iç boşluk */
.card{width:100%;max-width:var(--maxw);background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;border:1px solid rgba(11,61,106,0.04);display:flex;flex-direction:column;} /* Ana kart stili: max genişlik, arka plan, radius, gölge, hafif sınır, column layout */
.header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid rgba(11,61,106,0.03);background:linear-gradient(180deg,#fff,#fff7f7);} /* Kart başlığı: yatay flex, alt çizgi ve hafif degradé arka plan */
.logo{width:48px;height:48px;border-radius:10px;background:transparent;display:flex;align-items:center;justify-content:center;color:var(--accent);font-weight:800;font-size:20px;} /* Logo kutusu: boyut, yuvarlak köşe, merkezlenmiş içerik, vurgu rengi */
.titles{display:flex;flex-direction:column;} /* Başlık ve alt başlık dikey olarak istiflenir */
.title{font-weight:800;color:var(--accent);font-size:18px;margin:0;} /* Başlık stili: kalın, vurgu rengi, margin sıfır */
.subtitle{font-size:13px;color:var(--muted);margin-top:4px;} /* Alt başlık: küçük, muted renk, üst boşluk */
.langs{margin-left:auto;display:flex;gap:8px;align-items:center;} /* Dil butonları sağa yaslanır (auto margin), yatay flex */
.lang-btn{background:transparent;border:0;padding:4px;cursor:pointer;border-radius:6px;display:flex;align-items:center;gap:6px;} /* Dil butonu: transparan, iç boşluk, tıklanabilir */
.lang-btn img{width:20px;height:14px;border-radius:2px;box-shadow:0 1px 2px rgba(0,0,0,0.08);} /* Dil simgesi (bayrak) boyutu ve hafif gölge */

/* form area */
.form-wrap{display:flex;gap:18px;padding:18px;align-items:stretch;} /* Formun dış kapsayıcısı: yatay flex, gap, padding */
.left-panel{width:360px;border-radius:10px;padding:0;overflow:hidden;position:relative;flex:0 0 360px;} /* Sol panel: sabit genişlik (360px), overflow gizle, relative konumlandırma */
.left-panel .slide{height:100%;min-height:320px;display:flex;flex-direction:column;justify-content:center;padding:28px;color:#fff;position:relative;background-size:cover;background-position:center;} /* Slider içeriği: dikey düzen, ortalama, arka plan kaplama */
.left-panel .slide .overlay{position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.35);} /* Slider üstüne koyulan yarı saydam overlay */

/* slide content */
.slide .inner{position:relative;z-index:3;max-width:300px;text-align:center;} /* Slide iç metin: üstte görünmesi için z-index, sınırlı genişlik, ortalanmış metin */
.slide h2{margin:0 0 8px 0;font-size:22px;font-weight:800;} /* Slide başlık: margin alt 8px, büyük ve kalın */
.slide p{margin:0;font-size:14px;opacity:0.95;} /* Slide paragraf: küçük ve hafif saydam */

/* slider nav */
.slide-nav{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:5;} /* Slider navigasyon: ortalanmış, absolute konum */
.slide-nav button{background:rgba(255,255,255,0.18);border:0;padding:6px 10px;border-radius:8px;color:#fff;cursor:pointer;font-weight:700} /* Nav butonları: yarı saydam beyaz, köşeli, tıklanabilir */

/* form column */
.form-col{flex:1;min-width:320px;} /* Sağ form sütunu: genişliğe esnek, minimum genişlik 320px */
.form{display:grid;grid-template-columns:1fr 1fr;gap:12px;} /* Form içi grid: 2 sütun, gap 12px */
.field{display:flex;flex-direction:column;gap:6px;position:relative;} /* Her alan: dikey düzen, küçük gap, relative (ikon vs için) */
.full{grid-column:1/-1;} /* full sınıfı: grid'in tüm sütunlarını kaplar */
.label{font-size:13px;color:#203040;font-weight:700;} /* Alan etiketleri: küçük, koyu renk, kalın */

/* input base */
.input{height:var(--input-h);padding:10px 12px;border-radius:10px;border:1px solid #eef3f8;background:#fff;font-size:14px;outline:none;transition:box-shadow .12s, border-color .12s;} /* Temel input stili: yükseklik, padding, radius, hafif sınır, geçişler */
.input:focus{box-shadow:0 8px 30px rgba(11,61,106,0.06);border-color:rgba(139,0,0,0.12);} /* Odak durumunda gölge ve border rengi değişikliği */

/* input-with-icon + tooltip */
.input-with-icon{display:flex;align-items:center;gap:10px;padding:0 10px;border-radius:10px;border:1px solid #eef3f8;height:var(--input-h);background:#fff;transition:border-color .12s, box-shadow .12s,color:var(--muted);position:relative;} /* İkona sahip input kapsayıcısı: flex düzen, padding, border, geçişler, relative */
.input-with-icon svg, .input-with-icon i[data-feather]{width:18px;height:18px;flex:0 0 18px;display:inline-flex;align-items:center;justify-content:center;} /* İçerideki svg/icon için boyut sabitleme */
.input-with-icon svg path, .input-with-icon svg line { stroke-width:1.6; stroke: currentColor; fill: none; } /* SVG içindeki path/line için stroke ayarı */

/* tooltip */
.input-with-icon[title]:hover::after,
.label[title]:hover::after{
  content: attr(title); /* title attribute içeriğini göster */
  position: absolute;
  left: 8px;
  top: -36px;
  background:var(--tooltip-bg);color:#fff;padding:6px 10px;border-radius:6px;font-size:13px;white-space:nowrap;box-shadow:0 6px 24px rgba(2,6,23,0.16);
} /* Hover ile tooltip gösterme: absolute konum, stil, gölge */

/* code + phone inline */
.cc-phone{display:flex;gap:8px;align-items:center;} /* Telefon kodu + input yatayda hizalanır */
.cc-phone .input{height:44px;padding:8px;border-radius:10px;} /* Telefon inputu için farklı yükseklik ve padding */

/* status (tick/cross) */
.field .status-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;pointer-events:none;} /* Alanın sağında doğrulama ikonu için pozisyon */
.field .status-icon svg{width:18px;height:18px;} /* İkon boyutu */

/* valid/invalid */
.input.valid, .input-with-icon.valid{border-color:rgba(10,138,86,0.18);box-shadow:0 6px 18px rgba(10,138,86,0.06);color:var(--success);} /* Valid durum stil: yeşilimsi border ve gölge */
.input.invalid, .input-with-icon.invalid{border-color:rgba(194,61,61,0.14);box-shadow:0 6px 18px rgba(194,61,61,0.04);color:var(--danger);} /* Invalid durum stil: kırmızımsı border ve gölge */
.field .field-error{font-size:13px;color:var(--danger);margin-top:6px;} /* Hata metni stili */

/* password */
.pw-inner{display:flex;align-items:center;gap:10px;padding:0 10px;border-radius:10px;border:1px solid #eef3f8;height:var(--input-h);background:#fff;} /* Parola kutusu iç kapsayıcı: flex, padding, sınır */
.pw-inner input{border:0;padding:8px 6px;font-size:14px;flex:1;outline:none;} /* İç input: border yok, esnek genişlik alır */
.pw-toggle{background:transparent;border:0;padding:6px;cursor:pointer;border-radius:6px;} /* Parola görünürlük toggle butonu */
.pw-strength{height:8px;border-radius:6px;background:#f1f5f9;overflow:hidden;margin-top:6px;} /* Güç göstergesi çubuğu kapsayıcı */
.pw-strength > i{display:block;height:100%;width:0%;background:linear-gradient(90deg,#f97316,#0a8a56);transition:width .24s ease;} /* Güç barı içi: başlangıç genişliği %0, geçişle artar */

/* checkbox */
.checkbox-row{display:flex;align-items:center;gap:8px;margin-top:6px;} /* Checkbox ve label yatay hizalama */
.checkbox-row input[type=checkbox]{width:18px;height:18px;} /* Checkbox boyutu */

/* messages & actions */
.err-box{padding:10px;border-radius:10px;background:#fff6f6;color:var(--danger);border:1px solid rgba(194,61,61,0.12);margin-bottom:8px;} /* Hata kutusu: kırmızı tonlu arka plan ve sınır */
.ok-box{padding:12px;border-radius:10px;background:#f2fbf6;color:var(--success);border:1px solid rgba(10,138,86,0.08);margin-bottom:12px;text-align:center;font-weight:700;} /* Başarılı mesaj kutusu: yeşilimsi ton */
.actions{margin-top:14px;display:flex;gap:12px;align-items:center;} /* Buton alanı: yatay flex ve gap */
.btn{padding:12px 16px;border-radius:10px;border:0;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;font-weight:800;cursor:pointer;font-size:15px;} /* Ana buton stili: gradient, kalın yazı */
.note{font-size:13px;color:var(--muted);background:#fff;border-radius:10px;padding:10px;border:1px solid rgba(139,0,0,0.04);} /* Bilgilendirme kutusu: hafif sınır ve arka plan */

/* modal */
.modal-backdrop{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(2,6,23,0.5);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;pointer-events:none;transition:opacity .18s;} /* Modal arka planı: full ekran, merkezleme, başlangıçta görünmez */
.modal-backdrop.visible{opacity:1;pointer-events:auto;} /* Görünür modal: opacity 1 ve etkileşime açık */
.modal{background:#fff;border-radius:12px;padding:18px;max-width:520px;width:92%;box-shadow:0 20px 60px rgba(2,6,23,0.25);} /* Modal kutusu: beyaz arka plan, radius, padding ve gölge */
/* ... (geri kalan stil aynı) ... */ /* Bu satır orijinalde vardı; açıklama: geri kalan stiller aynı kalır */

/* responsive & mobile adjustments */
@media (max-width:920px){
  .form-wrap{flex-direction:column;padding:12px;} /* Dar ekran: form sütunlarını dikey istifleme */
  .left-panel{width:100%;flex:unset;order:2;height:0;overflow:hidden;padding:0} /* mobile: slider gizleniyor (yükseklik sıfırlanarak) */
  .form{grid-template-columns:1fr;} /* form tek sütuna geçer */
  .field .status-icon{right:8px} /* status ikon pozisyonu mobilde biraz soldurulur */
  .card{border-radius:8px} /* kart köşeleri mobilde biraz azaltılır */
}
@media (max-width:420px){
  :root{--input-h:42px} /* çok küçük ekranlarda input yüksekliğini küçült */
  .title{font-size:16px} /* başlık fontunu biraz düşür */
  .slide h2{font-size:18px} /* slide başlığı küçülür */
  .slide p{font-size:13px} /* slide paragraf küçülür */
  .left-panel{display:none} /* en küçük ekranlarda sol panel tamamen gizlenir */
  .form-wrap{padding:8px} /* daha küçük padding */
  .form{gap:8px} /* form gap azaltılır */
  .input{font-size:13px;padding:8px} /* input boyutu/padding küçültülür */
  .btn{padding:10px 12px;font-size:14px} /* buton boyutu küçültülür */
}

:root{
  --scroll-track: #ffffff;          /* track arka planı (beyaz) */
  --scroll-thumb: #7a0f0f;          /* ana koyu kırmızı (thumb) */
  --scroll-thumb-hover: #ff0000;    /* üzerine gelince: düz kırmızı */
  --scroll-thumb-focus: #ff6b5c;    /* klavye odak veya aktif (isteğe bağlı) */
  --scroll-shadow: rgba(0,0,0,0.45); /* thumb gölge rengi */
  --scroll-width: 20px;             /* <-- BURASI: kaydırma çubuğu kalınlığı (değiştirerek daha ince/kalın yap) */
  --scroll-radius: 14px; /* kaydırma thumb köşe yarıçapı */
}

/* ---------- WebKit (Chrome, Edge, Safari) ---------- */
::-webkit-scrollbar {
  width: var(--scroll-width);       /* <-- yatay/dikey genişlik (kalınlık) */
  height: var(--scroll-width);      /* <-- yatay scroll için yükseklik (kalınlık) */
}
::-webkit-scrollbar-track {
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(0,0,0,0.08)); /* track degrade arka plan */
  border-radius: var(--scroll-radius); /* track köşe yarıçapı */
  margin: 6px 0; /* track içinde dikey margin */
  box-shadow: inset 0 0 8px rgba(0,0,0,0.12); /* iç gölge */
}
::-webkit-scrollbar-thumb {
  background: var(--scroll-thumb); /* thumb ana rengi (düz koyu kırmızı) */
  border-radius: var(--scroll-radius); /* thumb köşe yarıçapı */
  border: 2px solid transparent;   /* opsiyonel: thumb çevresi için şeffaf border */
  background-clip: padding-box; /* arka planın border'a taşmasını önler */
  box-shadow: 0 2px 6px var(--scroll-shadow); /* thumb gölgesi */
  transition: background-color 160ms ease, transform 160ms ease, box-shadow 160ms ease; /* geçiş efektleri */
}
::-webkit-scrollbar-thumb:hover {
  background: var(--scroll-thumb-hover); /* hover durumunda thumb rengi değişir */
  transform: translateY(-1px); /* hover'da hafif yukarı kaydırma efekti */
  box-shadow: 0 4px 10px rgba(0,0,0,0.18); /* hover gölge */
}
::-webkit-scrollbar-thumb:active {
  transform: translateY(0); /* aktifken dönüş */
  box-shadow: 0 2px 6px rgba(0,0,0,0.28); /* aktif gölge */
}

/* ---------- Firefox (basit destek) ---------- */
html {
  scrollbar-width: auto;            /* Firefox'ta kaydırma genişliği: auto veya thin */
  scrollbar-color: var(--scroll-thumb) var(--scroll-track); /* thumb ve track renkleri (Firefox) */
}

/* Erişilebilirlik: reduce motion tercih edenler için */
@media (prefers-reduced-motion: reduce) {
  ::-webkit-scrollbar-thumb { transition: none; transform: none; } /* hareket azalt tercihinde geçişleri kapat */
}


/* ---------- TOOLTIP: DAHA İYİ GÖRÜNÜM ve CC-PHONE KAPATMA ---------- */
/* (dosyanın en sonuna ekle) */

/* 1) Tooltip'i daha güvenli ve satır kıran hale getir (genel kuralı override ediyoruz) */
.input-with-icon[title]:hover::after,
.label[title]:hover::after{
  content: attr(title);
  position: absolute;
  left: 50%;                     /* ortala */
  transform: translateX(-50%);   /* yatay ortala */
  top: -44px;                    /* üstte güvenli mesafe */
  background: var(--tooltip-bg);
  color: #fff;
  padding: 8px 10px;
  border-radius: 8px;
  font-size: 13px;
  white-space: normal;           /* satır kırmaya izin ver */
  max-width: 280px;              /* çok uzun olmasın */
  box-shadow: 0 6px 24px rgba(2,6,23,0.18);
  z-index: 999;
  box-sizing: border-box;
}

/* 2) Ülke kodu kapsayıcısı (cc-phone) için tooltip'i tamamen kapat
   (select küçük olduğundan karmaşıklığı önlemek için en güvenli hareket) */
.input-with-icon.cc-phone[title]:hover::after,
.input-with-icon.cc-phone[title]:hover::before,
.cc-phone[title]:hover::after,
.cc-phone[title]:hover::before {
  display: none !important;
  content: none !important;
}

/* 3) Mobilde (çok küçük ekran) tooltip'leri kapat: dokunmatik cihazlarda hover/tooltip iyi çalışmaz */
@media (max-width: 600px) {
  .input-with-icon[title]:hover::after,
  .label[title]:hover::after {
    display: none !important;
    content: none !important;
  }
}
/* ---------- TEMİZLENMİŞ & TEK BLOK İYİLEŞTİRME ---------- */
/* (eski eklemeleri kaldırdıktan sonra sadece bunu yapıştır) */

/* Küresel: scrollbar kalınlığını makul seviyeye çek (önceki 20px çok kalın yapıyordu) */
:root { --scroll-width: 10px; }

/* FORM GRID + GAP - tek ve net tanım (mobilde @media ile taşma halleder) */
.form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
  align-items: start;
  width: 100%;
  box-sizing: border-box;
}

/* LABEL: kurumsal stil */
.label {
  display: block;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 700;
  color: #203040;
}

/* TEMEL INPUT/SELECT kart görünümü (tek tanım - çakışma azaltıldı) */
.input, select.input {
  display: block;
  width: 100%;
  box-sizing: border-box;
  height: var(--input-h);
  min-height: 44px;
  padding: 10px 14px;
  font-size: 14px;
  color: #122233;
  background: #fff;
  border: 1px solid rgba(11,61,106,0.08);
  border-radius: 10px;
  transition: box-shadow .12s, border-color .12s, transform .06s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* İKONLU KAPSAYICI: wrapper sabit yüksekliğe sahip, içindeki input otomatik sığsın */
.input-with-icon {
  display:flex;
  align-items:center;
  gap:10px;
  padding: 0 12px;                 /* wrapper padding */
  height: var(--input-h);          /* wrapper yüksekliği */
  border-radius: 10px;
  border: 1px solid rgba(11,61,106,0.08);
  background: #fff;
  box-sizing: border-box;
}

/* İç input - wrapper içinde taşma olmaması için net kurallar */
.input-with-icon > input.input,
.input-with-icon > input {
  border: 0;
  background: transparent;
  height: calc(100% - 0px); /* wrapper yüksekliğine uyar */
  padding: 0 6px;           /* wrapper zaten yatay padding sağlıyor */
  width: 100%;
  box-sizing: border-box;
  font-size: 14px;
}

/* İkon boyutu ve rengi */
.input-with-icon svg, .input-with-icon i[data-feather] {
  width:18px; height:18px; flex:0 0 18px; color:#718296;
}

/* STATUS İKONU için parent relative ve icon hizalaması (çakışma azaltıldı) */
.field { position: relative; }
.field .status-icon {
  position:absolute; right:12px; top:50%;
  transform:translateY(-50%); width:20px; height:20px;
  display:flex; align-items:center; justify-content:center;
  pointer-events:none;
}

/* FOCUS / VALID / INVALID - temiz ve non-invasive */
.input:focus, .input-with-icon:focus-within {
  outline:none;
  border-color: var(--accent);
  box-shadow: 0 8px 30px rgba(139,0,0,0.06);
}
.input.valid, .input-with-icon.valid {
  border-color: rgba(10,138,86,0.22);
  box-shadow: 0 6px 18px rgba(10,138,86,0.04);
}
.input.invalid, .input-with-icon.invalid {
  border-color: rgba(194,61,61,0.16);
  box-shadow: 0 6px 18px rgba(194,61,61,0.03);
}

/* ÜLKE KODU ve TELEFON HİZALAMA (cc-phone) - yan yana net davranış */
.cc-phone { display:flex; gap:12px; align-items:center; }
.cc-phone select.input {
  max-width: 120px;
  min-width: 86px;
  width: auto;
  padding-left: 12px;
  padding-right: 28px;
  border-radius: 10px;
  border: 1px solid rgba(11,61,106,0.06);
  background: #fff;
  box-shadow: 0 4px 14px rgba(11,61,106,0.02);
  -webkit-appearance:none; appearance:none;
}

/* Telefon inputu yanındaki alanın esnekliği */
.cc-phone input.input { flex:1; }

/* Küçük chevron (arrow) — yalnızca görsel, overlap etmemesi için padding-right ayarlı */
.cc-phone { position: relative; }
.cc-phone::after {
  content:""; position:absolute; right:16px; top:50%;
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px; border-right:2px solid #9aa6b3; border-bottom:2px solid #9aa6b3;
  pointer-events:none;
}

/* Select dropdown içinde scrollbar küçültme (masaüstü webkit) */
.cc-phone select::-webkit-scrollbar, select.input::-webkit-scrollbar {
  width:8px; height:8px;
}
.cc-phone select::-webkit-scrollbar-thumb, select.input::-webkit-scrollbar-thumb {
  background: rgba(11,61,106,0.18); border-radius:8px;
}
select.input { scrollbar-width: thin; scrollbar-color: rgba(11,61,106,0.18) transparent; }

/* Parola güç barı ve hatalar */
.pw-strength { background:#f1f5f9; border-radius:6px; height:8px; overflow:hidden; margin-top:8px; }
.pw-strength > i { display:block; height:100%; width:0%; transition:width .24s ease; background: linear-gradient(90deg,#f97316,#0a8a56); }
.field-error { color:var(--danger); font-size:13px; margin-top:6px; }

/* Butonlar mobilde tam genişlik, masaüstte normal */
.btn { border-radius:10px; padding:12px 18px; font-weight:800; box-shadow:0 8px 24px rgba(11,61,106,0.06); }
@media (max-width:920px) { .btn{width:100%; display:block; text-align:center;} }

/* Mobil: form tek sütuna düşsün ve input yüksekliği hafifçe küçülsün */
@media (max-width:920px) {
  .form { grid-template-columns: 1fr; gap:14px; }
  .input, .input-with-icon { height:44px; min-height:40px; }
  .field .status-icon { right:10px; }
  .cc-phone select.input { max-width:110px; min-width:80px; }
  .cc-phone { gap:10px; flex-wrap:wrap; }
}

/* İnce rötuşlar */
.input::placeholder { color:#9aa6b3; opacity:1; }
.title, .subtitle { color:#0b2336; }

/* DEBUG yardımcı sınıfı: halen border'ı başka CSS siliyorsa geçici test için kullan */
.test-force-border { border:1px solid #000 !important; }

/* -------------------------
   PASSWORD CONFIRM TİK HİZALAMA
   (css/register.css'in en sonuna ekle)
   ------------------------- */

/* pw-inner'i positioned yapıyoruz, böylece içindeki status-icon ona göre ortalanır */
.pw-inner {
  position: relative;
  align-items: center; /* dikey ortalama (flex) */
}

/* pw-inner içindeki durum ikonunu kesinlikle ortala */
.pw-inner .status-icon {
  position: absolute;
  right: 12px;               /* sağdan boşluk — ihtiyaç halinde 10-14px arası ayarla */
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 3;                /* toggle butonun altında kalmaması için */
}

/* Parola kutusundaki metin, ikonla çakışmasın diye sağ padding ver */
.pw-inner input {
  padding-right: 44px;       /* ikon + buton sığsın; istersen 36px ile deneyip azalt */
}

/* Genel ikonlu inputlarda da benzer hizalama garanti edilsin */
.input-with-icon .status-icon {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}

/* Eğer toggle (göz) butonu çok sağdaysa, buton ile status-icon arasında boşluk gerekiyorsa:
   (gerekmiyorsa bu kuralı pas geç) */
.pw-toggle { margin-right: 0px; }
/* -----------------------------
   HIZLI DÜZELTME: PW ICON HİZALAMA
   (dosyanın en sonuna ekle)
   ----------------------------- */

/* pw-inner zaten varsa position:relative değilse garanti ediyoruz */
.pw-inner {
  position: relative; /* toggle ve status absolute konumlanacak */
}

/* Göz (toggle) butonunu sağa sabitle ve dikey ortala */
.pw-toggle {
  position: absolute;
  right: 12px;                /* göz butonu sağdan 12px uzaklıkta */
  top: 50%;
  transform: translateY(-50%);
  z-index: 4;
  background: transparent;
  border: 0;
  padding: 6px;
  cursor: pointer;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* Onay tikini (status-icon) göz butonunun soluna kaydır */
/* İstersen 56px yerine 48 veya 64 gibi değer deneyebilirsin */
.pw-inner .status-icon {
  position: absolute;
  right: 56px;               /* ← burayı sağa kaydırma miktarı (arttır/azaltabilirsin) */
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
  z-index: 3;
}

/* Parola inputunun sağ tarafına yeterli boşluk bırak (ikonlar çakışmasın) */
.pw-inner input {
  padding-right: 76px; /* toggle + tick + biraz boşluk; istersen 64/72/80 denenebilir */
}

/* Eğer diğer (genel) status-icon farklı yerlerdeyse uniform davranış için */
.input-with-icon .status-icon {
  right: 12px; top: 50%; transform: translateY(-50%);
}

/* -----------------------------
   FORM ALANLARI BORDER KESKİNLEŞTİRME
   (form çizgilerini biraz daha koyulaştır)
   ----------------------------- */

/* Hafifçe daha koyu ve net border; tüm input wrapper'larında uygulanır */
.input,
.input-with-icon,
select.input,
.pw-inner {
  border-color: rgba(11,61,106,0.12) !important; /* önceki 0.06/0.08'den görünürlük artar */
  box-shadow: 0 6px 18px rgba(11,61,106,0.02); /* ince yüzey gölgesi */
}

/* Focus konumunda marka rengini koru — ama daha belirgin yap */
.input:focus,
.input-with-icon:focus-within,
.pw-inner:focus-within {
  border-color: var(--accent);
  box-shadow: 0 10px 30px rgba(139,0,0,0.09);
}

/* Eğer bazı formlar hâlâ soluk gözükürse (tarayıcı cache/öncelik sorunları):
   - önbelleği temizle (Ctrl+F5),
   - eğer başka CSS yine override ediyorsa 'rgba(...) !important' yapabiliriz. */