/* ─────────────────────────────────────────────────────────────────────────
   Turko Baba Panel — ortak görsel sözleşme (TEK KAYNAK)
   Metronic v6 (style.bundle.css) paleti esas alınır:
     brand/primary #5d78ff · success #0abb87 · danger #fd397a
     warning #ffb822 · info #5578eb · metin #6c7293 · çizgi #ebedf2
   Buradaki kurallar sayfa sayfa kopyalanmaz; sayfalar yalnızca genişlik gibi
   yerel farkları scoped <style> ile ezer.
   ───────────────────────────────────────────────────────────────────────── */

/* ── Yumuşak (light) düğmeler ───────────────────────────────────────────── */
.btn.btn-light-primary {
    color: #5d78ff;
    background-color: rgba(93, 120, 255, 0.10);
    border-color: transparent;
}
.btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light-primary:focus:not(.btn-text), .btn.btn-light-primary.focus:not(.btn-text) {
    color: #FFFFFF;
    background-color: #5d78ff;
    border-color: transparent;
}
.btn.btn-light-danger {
    color: #fd397a;
    background-color: rgba(253, 57, 122, 0.10);
    border-color: transparent;
}
.btn.btn-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light-danger:focus:not(.btn-text), .btn.btn-light-danger.focus:not(.btn-text) {
    color: #ffffff;
    background-color: #fd397a;
    border-color: transparent;
}
.btn.btn-light-success {
    color: #077f5c;
    background-color: rgba(10, 187, 135, 0.10);
    border-color: transparent;
}
.btn.btn-light-success:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light-success:focus:not(.btn-text), .btn.btn-light-success.focus:not(.btn-text) {
    color: #ffffff;
    background-color: #0abb87;
    border-color: transparent;
}

/* ── Durum rozetleri ────────────────────────────────────────────────────────
   TEK reçete: zemin/kenarlık YOK, yalnız renkli metin (kullanıcı isteği).
   Renkler beyaz zeminde AA (≥4.5:1) kontrastı korur; okunurluk ağırlık ve
   punto ile sağlanır. İşlevsel anlam Django ile aynı: yeşil olumlu, kırmızı
   olumsuz, sarı bekleme.
   ───────────────────────────────────────────────────────────────────────── */
.label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
/* Metronic'in .label / .label-light-* zemin ve kenarlığını tek yerde siler */
.label.label-inline {
    width: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: 0.2px;
    white-space: nowrap;
    vertical-align: middle;
}
.label.label-light-primary {
    color: #4e65d6;
}
.label.label-light-danger {
    color: #ca2e62;
}
.label.label-light-success {
    color: #077f5c;
}
/* bekleme — sarı ailesi */
.label.label-light-wait {
    color: #916913;
}
/* tamamlandı — success'in bir tık koyusu; aynı yeşil ailede kalır */
.label.label-light-complete {
    color: #06674a;
}

/* ── Evet/Hayır işaretleri (tablo boolean sütunları) ────────────────────────
   Ham ✓ / png yerine Metronic ikon ailesi; tek boyut, tek renk çifti.
   ───────────────────────────────────────────────────────────────────────── */
.tb-isaret {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    line-height: 1;
    vertical-align: middle;
}
.tb-isaret--var { color: #077f5c; }
.tb-isaret--yok { color: #8a90ab; }  /* 3.15:1 — metin dışı öge eşiği */

/* ── Tablo işlem ikonları ───────────────────────────────────────────────────
   Her sayfada aynı kutu (28px), aynı boşluk, aynı hover.
   ───────────────────────────────────────────────────────────────────────── */
.tb-ik {
    /* <i> ve <button> üzerinde aynı sonucu verir */
    border: 0;
    background: transparent;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin-right: 4px;
    border-radius: 6px;
    font-size: 15px;
    line-height: 1;
    color: #5d78ff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.15s ease, color 0.15s ease;
}
.tb-ik:last-child { margin-right: 0; }
.tb-ik:hover { background-color: rgba(93, 120, 255, 0.10); color: #4e65d6; }
.tb-ik--kirmizi { color: #fd397a; }
.tb-ik--kirmizi:hover { background-color: rgba(253, 57, 122, 0.10); color: #ca2e62; }
.tb-ik--yesil, .tb-ik--ok { color: #0abb87; }
.tb-ik--yesil:hover, .tb-ik--ok:hover { background-color: rgba(10, 187, 135, 0.10); color: #077f5c; }
.tb-ik--pasif { opacity: 0.45; pointer-events: none; }
/* işlem hücresi — ikonlar ortalı, satırla hizalı */
.tb-ik-grup { display: flex; align-items: center; justify-content: center; gap: 2px; flex-wrap: nowrap; }

/* ── Ortak modal kabuğu ─────────────────────────────────────────────────────
   Daha önce 8 dosyada kopyalanmıştı (orders, products, users, customers,
   blogs, website-image, resim-upload, SifreGosterModal). Ölçüler birebir aynı.
   Sayfalar yalnızca genişlik/hizalama farkını scoped ile ezer.
   ───────────────────────────────────────────────────────────────────────── */
.tb-modal-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(35, 33, 51, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}
.tb-modal {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 18px 48px rgba(35, 33, 51, 0.18);
    width: 640px;
    max-width: 94vw;
    max-height: 90vh;
    overflow: auto;
}
.tb-modal__head {
    display: flex;
    align-items: center;
    padding: 18px 22px;
    border-bottom: 1px solid #ebedf2;
}
.tb-modal__head h4 { margin: 0; font-weight: 600; }
.tb-modal__close {
    margin-left: auto;
    border: 0;
    background: none;
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
    color: #a7abc3;
    transition: color 0.15s ease;
}
.tb-modal__close:hover { color: #6c7293; }
.tb-modal__body { padding: 22px; }
.tb-modal__foot {
    padding: 16px 22px;
    border-top: 1px solid #ebedf2;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}