/*
 * Narin Core — sayfa duzeyi icerik yerlesimi (`ContentLayout`).
 *
 * DUZ CSS'tir; Tailwind derlemesi GEREKTIRMEZ. Bu yuzden paket varligi olarak
 * (`FilamentAsset::register`) yayinlanir ve sayfaya ayri bir `<link>` ile
 * yuklenir; host temasi `source(none)` ile baslasa bile bu dosya etkilenmez.
 *
 * KULLANILAN MEKANIZMA: breakpoint DEGIL, container query. Yerlesim kendi
 * kapsayicisinin genisligine bakar; boylece ayni sema genis bir kapsayicida iki
 * sutun, DAR kapsayicida tek sutun olur. Viewport breakpoint'i kapsayici
 * genisligini (kenar cubugu, modal/ic panel) takip edemezdi.
 *
 * NOT (olcumle duzeltildi): Filament 5.9'da cluster icerik kapsayicisini
 * DARALTMIYOR (olculdu: Mesaj Sablonlari 1216px · Kullanicilar 1216px ·
 * Personel 1201px). Yani "cluster sikismasi" tetikleyicisi gerceklesmiyor;
 * kural kapsayici GERCEKTEN daraldiginda (kucuk ekran, modal, gomulu sema)
 * devreye girer.
 */

.narin-content-layout {
    /* Query konteyneri: genislik kendi inline boyutundan olculur. */
    container-type: inline-size;
    /* Adli konteyner: yalnizca bu bilesen kendi grid'ini etkiler. */
    container-name: narin-content-layout;
}

/*
 * Varsayilan TEK sutun. `minmax(0, ...)` sart: uzun icerik (tablo/onizleme)
 * sutunu tasirmasin diye minimum 0'a sabitlenir.
 */
.narin-content-layout__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.5rem;
    align-items: start;
}

/*
 * Esik: 64rem (1024px). Kapsayici bu esigin UZERINDEYSE yan panel isaretlenmis
 * yerlesimler iki sutuna (genis 2/3 + dar 1/3) acilir; esigin altinda tek
 * sutuna iner. Esik gozle degil olculerek secildi (bkz. gorev raporu):
 * icerik kapsayicisi 1600px viewport'ta 1216px (2 sutun), 1280px'te 881px ve
 * 1100px'te 716px (tek sutun) geldi; canli elemanla esik taramasi 1023→1,
 * 1024→2 verdi.
 */
@container narin-content-layout (min-width: 64rem) {
    .narin-content-layout--split .narin-content-layout__grid {
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    }
}