/* =============================================================
   Başvuru Sistemi — ortak tasarım katmanı
   -------------------------------------------------------------
   style.bundle.css'ten SONRA yüklenir; Metronic'i ezmez, üstüne
   yazar. Ekranlara özel <style> blokları yerine buradaki sınıflar
   kullanılır — aynı kutu on beş yerde yeniden yazılmasın diye.
   ============================================================= */

/* -------------------------------------------------------------
   1) Kurum aksan rengi
   -------------------------------------------------------------
   Metronic v8 bileşenleri rengi CSS değişkeninden okur; tek yerden
   değiştirmek yeterli. Varsayılan mavi (#1B84FF) yerine kurum yeşili.

   Ton seçimi rastgele değil: #0f7c6d, e-posta şablonundaki başlık
   rengiyle AYNI. Beyaz yazıyla kontrastı 5.2:1 — WCAG AA geçer.
   Daha açık olan #0f9d8a yalnız 3.4:1 verdiği için yazı zemini
   olarak kullanılmaz, süs/gradyanda kalır.
   ------------------------------------------------------------- */
:root {
    --bs-primary: #0f7c6d;
    --bs-primary-active: #0a6459;
    --bs-primary-light: #e6f4f1;
    --bs-primary-inverse: #ffffff;
    --bs-primary-clarity: rgba(15, 124, 109, .2);
    --bs-primary-rgb: 15, 124, 109;

    --bs-text-primary: #0f7c6d;
    --bs-component-active-bg: #0f7c6d;

    --bs-link-color: #0f7c6d;
    --bs-link-hover-color: #0a6459;

    --bs-primary-text-emphasis: #063a33;
    --bs-primary-bg-subtle: #d9efeb;
    --bs-primary-border-subtle: #a8d9d1;

    /* Ekranların paylaştığı ölçüler */
    --bs-kenar: #e9ebf1;
    --bs-yumusak-golge: 0 3px 10px rgba(15, 23, 42, .06);
}

/* -------------------------------------------------------------
   1b) Zemin ayrımı — veri alanı arka plandan ayrılsın
   -------------------------------------------------------------
   Metronic'in sayfa zemini `#fcfcfc`, kart da beyaz: ikisi neredeyse
   aynı olduğu için kartın nerede başladığı seçilmiyordu. Zemin soğuk
   griye çekildi, kart beyaz kaldı — veri alanı artık "yüzüyor".

   Seçici, Metronic'in `[data-bs-theme=light]` bloğuyla aynı ağırlıkta;
   bu dosya sonra yüklendiği için kazanır. İkisi birden yazılarak
   <html> üzerinde tema özniteliği olsa da olmasa da tutuyor.
   ------------------------------------------------------------- */
:root,
[data-bs-theme="light"] {
    --bs-app-bg-color: #eef0f5;
    --bs-app-blank-bg-color: #eef0f5;

    /* Araç çubuğu (başlık + kırıntı yolu) zeminle aynı olsun; beyaz kalırsa
       kartla birleşip tek büyük beyaz blok oluyordu. */
    --bs-app-toolbar-base-bg-color: transparent;
    --bs-app-toolbar-base-box-shadow: none;
    --bs-app-toolbar-base-border-top: 0;

    /* Gri zeminde kart gölgesi görünür olmalı; Metronic'inki fazla soluktu. */
    --bs-root-card-box-shadow: 0 4px 18px rgba(15, 23, 42, .05);
    --bs-root-card-border-color: #e6e9f0;
}

/* Köşe yarıçapı `.card` seçicisinin İÇİNDE tanımlı; :root'tan ezilmez. */
.card {
    --bs-card-border-radius: 14px;
}

/* -------------------------------------------------------------
   2) Liste tabloları
   -------------------------------------------------------------
   Başlık satırı zeminlenir: düz beyaz başlıkta sütunun nerede
   başladığı seçilmiyordu. Opt-in — <table class="... bs-tablo">.
   ------------------------------------------------------------- */
.bs-tablo > thead > tr > th {
    background: var(--bs-primary-light);
    color: #4a5a57;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    padding-top: .7rem;
    padding-bottom: .7rem;
    border-bottom: 0;
    white-space: nowrap;
}

.bs-tablo > thead > tr > th:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.bs-tablo > thead > tr > th:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

/* Satır üstünde hafif vurgu — hangi satırda olduğun kaybolmasın. */
.bs-tablo > tbody > tr:hover > td {
    background: #fafbfc;
}

/* Uzun başlıklar sütundan taşmak yerine sarsın. */
.bs-tablo td {
    vertical-align: middle;
}

/* -------------------------------------------------------------
   3) Süzgeç çubuğu
   ------------------------------------------------------------- */
.bs-suzgec {
    background: #fff;
    border: 1px solid var(--bs-kenar);
    border-radius: 12px;
    padding: 1.1rem;
    margin-bottom: 1.25rem;
}

.bs-suzgec .form-label {
    font-size: .72rem;
    font-weight: 700;
    color: #99a1b7;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: .35rem;
}

/* -------------------------------------------------------------
   4) Sekme şeridi (bölümlü denetim)
   -------------------------------------------------------------
   Eskiden negatif üst boşlukla başlık kutusunun altına yapıştırılmıştı;
   kazara üst üste binmiş gibi duruyordu. Artık kendi beyaz kabında,
   başlıktan ayrı duruyor.
   ------------------------------------------------------------- */
.bs-sekme {
    display: inline-flex;
    flex-wrap: wrap;
    gap: .25rem;
    background: #fff;
    border: 1px solid var(--bs-kenar);
    border-radius: 12px;
    padding: .3rem;
    box-shadow: var(--bs-yumusak-golge);
}

.bs-sekme a {
    display: flex;
    align-items: center;
    gap: .5rem;
    border-radius: 9px;
    padding: .55rem 1.05rem;
    font-weight: 600;
    font-size: .93rem;
    color: #5e6278;
    text-decoration: none;
    transition: background-color .15s, color .15s;
}

.bs-sekme a:hover {
    background: var(--bs-primary-light);
    color: var(--bs-primary);
}

.bs-sekme a.active {
    background: var(--bs-primary);
    color: #fff;
}

.bs-sekme a.active:hover {
    background: var(--bs-primary-active);
    color: #fff;
}

/* -------------------------------------------------------------
   4b) Alan uyarısı — HER ZAMAN girdinin ALTINDA
   -------------------------------------------------------------
   Uyarı girdinin sağına konursa satır uzadıkça kayıyor, dar ekranda
   alt satıra düşüyor ve hangi alana ait olduğu belirsizleşiyor.
   Altta, alanla aynı hizada başlayınca bağ tartışmasız.

   Metronic'in `form-text`i zaten blok; buradaki sınıf onu tamamlar
   (uyarı rengi + ölçü) ve tek başına da kullanılabilir.
   ------------------------------------------------------------- */
.bs-alan-uyarisi {
    display: block;
    width: 100%;
    margin-top: .4rem;
    font-size: .78rem;
    line-height: 1.4;
    color: #b8860b;
}

.bs-alan-uyarisi.d-none {
    display: none !important;
}

/* -------------------------------------------------------------
   4b-2) Doğrulama hatası — alanın altında, kırmızı
   -------------------------------------------------------------
   Tarayıcının hazır balonu yerine kullanılır (bkz. js/form-uyari.js).
   Kutu betikle oluşturulup alanın hemen ardına eklenir.
   ------------------------------------------------------------- */
.bs-alan-hatasi {
    display: block;
    width: 100%;
    margin-top: .4rem;
    font-size: .78rem;
    line-height: 1.4;
    color: #f1416c;
}

/* Geçersiz alanın kendisi de işaretlenir; yalnız alttaki yazı yeterince
   göze çarpmıyor, özellikle uzun formlarda. */
.form-control.bs-gecersiz,
.form-select.bs-gecersiz {
    border-color: #f1416c;
}

.form-control.bs-gecersiz:focus,
.form-select.bs-gecersiz:focus {
    border-color: #f1416c;
    box-shadow: 0 0 0 .2rem rgba(241, 65, 108, .15);
}

.form-check-input.bs-gecersiz {
    border-color: #f1416c;
}

/* -------------------------------------------------------------
   4c) İkonu SAĞDA duran düğmeler (Kaydet / Vazgeç)
   -------------------------------------------------------------
   Metronic ikonu metnin soluna alıp kendi boşluğunu veriyor. İkon
   sağa alınınca o boşluk yanlış tarafta kalır; bu yüzden düğme
   flex'e çevrilip aralık `gap` ile veriliyor, Metronic'in kenar
   boşluğu sıfırlanıyor.
   ------------------------------------------------------------- */
.bs-dugme-sag-ikon {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
}

.bs-dugme-sag-ikon i {
    margin: 0 !important;
}

/* -------------------------------------------------------------
   5) Kenar çubuğu bölüm başlıkları
   -------------------------------------------------------------
   Başlıklar düz metindi; ikon eklenince göz menüyü bölümlere
   ayırabiliyor.
   ------------------------------------------------------------- */
.menu-section-ikonlu {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.menu-section-ikonlu i {
    font-size: 1rem;
    opacity: .85;
}
