/*
 * nurolBANK / MeetDitech marka katmanı.
 * style.bundle.css'ten SONRA yüklenir; yalnızca Metronic'in hazır sınıflarıyla
 * çözülemeyen yerleşim farklarını (logo bloğu, login paneli) tanımlar.
 * Renk paleti derlenmiş Metronic CSS'lerine işlendiği için burada renk override'ı yok.
 */

/* ------------------------------------------------------------------ *
 * Sol menü marka bloğu: üstte nurolBANK logosu, altında ürün adı
 * ------------------------------------------------------------------ */
.brand {
    height: 78px;
}

/* Blok genişliği logoya göre belirlenir; ortalama sayesinde ürün adı
   sola yaslanmak yerine logonun tam altına, ortasına oturur. */
.brand .brand-logo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.brand .brand-logo-full {
    width: 138px;
}

.brand .brand-logo-mark {
    display: none;
    width: 32px;
}

.brand .brand-app-name {
    margin-top: 5px;
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    line-height: 1;
}

/* Menü daraltıldığında yalnızca simge kalır */
.aside-minimize:not(.aside-minimize-hover) .brand {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.aside-minimize:not(.aside-minimize-hover) .brand .brand-logo-full,
.aside-minimize:not(.aside-minimize-hover) .brand .brand-app-name {
    display: none;
}

/* Metronic'in `.brand .brand-logo img { display:none }` kuralı bu durumda daha
   spesifik olduğu için simgeyi img seçicisiyle geri açıyoruz. */
.aside-minimize:not(.aside-minimize-hover) .brand .brand-logo img.brand-logo-mark {
    display: block;
}

/* Mobil başlıktaki logo */
.header-mobile .brand-logo-mobile {
    height: 26px;
}

/* ------------------------------------------------------------------ *
 * Tablo başlıkları
 * ------------------------------------------------------------------ */
/* Metronic başlıkları #B5B5C3 açık griyle basıyor (kendi kuralında !important
   var), beyaz kart zemininde neredeyse okunmuyordu. Marka laciverdi + kalın
   yazı ile belirginleştiriyoruz; büyük harf ve harf aralığı korunuyor. */
.table.table-head-custom thead tr,
.table.table-head-custom thead th {
    color: #253982 !important;
    font-weight: 700;
}

/* DataTables sıralama okları başlıkla aynı renkte kalsın. */
.table.table-head-custom thead th.sorting:after,
.table.table-head-custom thead th.sorting:before,
.table.table-head-custom thead th.sorting_asc:after,
.table.table-head-custom thead th.sorting_desc:after {
    color: #253982;
}

/* ------------------------------------------------------------------ *
 * Etiket okunabilirliği
 * ------------------------------------------------------------------ */
/* Metronic'in açık etiketleri metni base renkle basar; base zaten açık olduğu
   için success/warning/danger kendi zeminlerinde okunmuyordu (1.8–4.1:1).
   Metinleri koyu tonlara çekiyoruz — zeminler değişmiyor, hepsi WCAG AA üstünde.
   primary (8.6:1) ve dark (11.3:1) zaten yeterliydi, onlara dokunulmadı. */
.label.label-light-danger {
    color: #B10016;   /* 5.9:1 */
}

.label.label-light-success {
    color: #0A6D68;   /* 5.3:1 */
}

.label.label-light-warning {
    color: #8A5B00;   /* 5.4:1 */
}

/* ------------------------------------------------------------------ *
 * Login ekranı marka paneli
 * ------------------------------------------------------------------ */
.login.login-1 .login-aside {
    background-color: #253982;
}

.login.login-1 .login-aside .login-brand-logo {
    width: 230px;
    max-width: 70%;
}

.login.login-1 .login-aside .login-app-name {
    color: #ffffff;
    font-size: 1.35rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    margin-top: 12px;
}

.login.login-1 .login-aside .login-tagline {
    color: #B8C0DC;
}

/* Panelin alt boşluğunu dolduran soluk simge filigranı */
.login.login-1 .login-aside .login-watermark {
    background-size: 300px auto;
    opacity: 0.07;
    margin-bottom: -60px;
}