.app-container {
    width: 100%;
}

[data-kt-app-sidebar-fixed=true] .app-sidebar{
    z-index: 999;
}

/* ═══════════════════════════════════════════════════════════════════════
   Ortak bileşen cilası (Metronic 8 uyumlu, additive — markup/selector'a
   dokunmaz, geri alınabilir). Hedef: KPI/stat kartları, tıklanabilir kartlar,
   özet tipografisi ve etkileşim geçişlerinde tüm uygulamada tutarlı görünüm.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── KPI / stat kartları ──────────────────────────────────────────────────
   .row.g-* içindeki col > .card.card-flush desenini hedefler (sipariş özeti,
   dashboard KPI, rapor özet kartları). Büyük tablo kartı bu kalıba girmez. */
.app-content .row[class*="g-"] > [class*="col"] > .card.card-flush {
    border: 1px solid var(--bs-gray-200);
    border-radius: .85rem;
    transition: box-shadow .18s ease, transform .18s ease, border-color .18s ease;
}
.app-content .row[class*="g-"] > [class*="col"] > .card.card-flush:hover {
    border-color: var(--bs-gray-300);
    box-shadow: 0 .5rem 1.25rem rgba(31, 33, 54, .06);
    transform: translateY(-2px);
}

/* ── Tıklanabilir kartlar (dashboard öneri/anomali kartları, PO linkleri) ── */
.app-content a.card { text-decoration: none; }
.app-content a.card:hover {
    border-color: var(--bs-primary);
    box-shadow: 0 .5rem 1.5rem rgba(31, 33, 54, .10);
    transform: translateY(-2px);
}

/* ── Rapor/forecast/anomali özet kartları (report-summary) tipografisi ───── */
.report-summary .label {
    text-transform: uppercase;
    letter-spacing: .04em;
    font-weight: 600;
    font-size: .78rem;
}
.report-summary .value { line-height: 1.1; }
.report-summary .card-flush { height: 100%; }

/* ── Toplu işlem çubuğu (sipariş) — yumuşak giriş ─────────────────────────
   d-none → d-flex geçişinde sıçramayı azalt. */
#kt_o_bulkbar { transition: background-color .15s ease; }

/* ── Buton/badge mikro-etkileşim tutarlılığı ─────────────────────────────── */
.app-content .btn { transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease; }
.app-content .badge { font-weight: 600; }

/* ── Sayfa başlığı (toolbar) alt boşluğu tutarlılığı ─────────────────────── */
.app-toolbar .page-heading { letter-spacing: -.01em; }

/* ═══════════════ Dark mode (Metronic data-bs-theme="dark") ═══════════════ */
[data-bs-theme="dark"] .app-content .row[class*="g-"] > [class*="col"] > .card.card-flush {
    border-color: var(--bs-gray-300);
}
[data-bs-theme="dark"] .app-content .row[class*="g-"] > [class*="col"] > .card.card-flush:hover {
    border-color: var(--bs-gray-400);
    box-shadow: 0 .5rem 1.25rem rgba(0, 0, 0, .35);
}
[data-bs-theme="dark"] .app-content a.card:hover {
    box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .45);
}