/* ============================================================
   Emparator — global UI iyileştirmeleri
   Tek merkezden, view'lara dokunmadan ortak bileşenleri
   modernleştirir. _LayoutInspinia içinde app.css'ten SONRA
   yüklenir (override eder).
   ============================================================ */

/* ---- ANA MARKA RENGİ -------------------------------------
   Aktif tema (data-skin=modern) primary'yi mor (#5e6cc1) yapıyor;
   oysa butonlar koda gömülü yeşil. Bu uyumsuzluğu gidermek için
   primary ailesini marka yeşiline (#1ab394) sabitliyoruz.
   Böylece text-primary, bg-primary-subtle, badge-soft-primary,
   linkler ve sidebar aktif durumu da butonlarla aynı yeşile gelir.
   !important, skin selector'ünün özgüllüğünü aşmak için gerekli. */
:root {
    --ins-primary: #1ab394 !important;
    --ins-primary-rgb: 26, 179, 148 !important;
    --ins-primary-text-emphasis: #14866f !important;
    --ins-primary-bg-subtle: #ddf4ef !important;
    --ins-primary-border-subtle: #a3e1d4 !important;
}

/* ---- Bilgi/uyarı bantları (.alert) -------------------------
   Tüm projedeki ~68 alert bandı bu sınıfı kullandığı için
   buradaki kurallar hepsini birden modernleştirir.
   Renkler temanın CSS değişkenlerinden gelir → light/dark uyumlu. */
.alert {
    border: 0;
    border-left: 3px solid transparent;
    border-radius: .375rem;
    padding: .8rem 1.1rem;
}

/* alert-bordered varyantı: çevresel çizgiyi kaldır, sadece sol aksan kalsın */
.alert-bordered {
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
}

.alert-info {
    background-color: var(--ins-info-bg-subtle);
    border-left-color: var(--ins-info);
    color: var(--ins-info-text-emphasis);
}

.alert-success {
    background-color: var(--ins-success-bg-subtle);
    border-left-color: var(--ins-success);
    color: var(--ins-success-text-emphasis);
}

.alert-warning {
    background-color: var(--ins-warning-bg-subtle);
    border-left-color: var(--ins-warning);
    color: var(--ins-warning-text-emphasis);
}

.alert-danger {
    background-color: var(--ins-danger-bg-subtle);
    border-left-color: var(--ins-danger);
    color: var(--ins-danger-text-emphasis);
}

/* Bant içindeki linkler metin rengini alsın ama okunur kalsın */
.alert a {
    color: inherit;
    text-decoration: underline;
    font-weight: 600;
}

/* Baştaki ikonu metinle dikey hizala (d-flex kullanmayan eski bantlar için) */
.alert > i:first-child,
.alert > .ti:first-child {
    vertical-align: -2px;
}