/* PAN CRM v172 - Scroll/Header sabitleme düzeltmesi
   Sorun: Ürünler gibi liste sayfalarında sayfa aşağı kayınca Filament tablo başlıkları
   üst header alanının içine giriyor ve header arka planı altında okunuyormuş gibi görünüyordu.
   Çözüm: Üst katmanı tamamen opak ve en üst z-index'e al, tablo sticky başlıklarını
   sayfa içinde sabitleme davranışından çıkar. Bu dosya renk/tasarım değiştirmez. */

:root {
    --pan-topbar-h: 68px;
    --pan-menu-h: 40px;
}

/* 1) En üst Filament bar kesinlikle opak olsun ve tablodan üstte kalsın. */
.fi-topbar,
.fi-topbar > *,
.fi-topbar .fi-topbar-ctn,
.fi-topbar .fi-topbar-start,
.fi-topbar .fi-topbar-end {
    background-color: #ffffff !important;
}

.fi-topbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: var(--pan-topbar-h) !important;
    min-height: var(--pan-topbar-h) !important;
    z-index: 20000 !important;
    overflow: visible !important;
    isolation: isolate !important;
    box-shadow: 0 1px 6px rgba(15, 23, 42, .10) !important;
}

/* Filament topbar içinde bazı alanlar transparent kalıyordu; beyaz perde ile kapatıyoruz. */
.fi-topbar::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #ffffff !important;
    z-index: -1;
    pointer-events: none;
}

/* 2) Pan CRM özel üst menüsü de opak ve topbarın altında sabit kalsın. */
.pancrm-top-shell {
    position: fixed !important;
    top: var(--pan-topbar-h) !important;
    left: 0 !important;
    right: 0 !important;
    height: var(--pan-menu-h) !important;
    z-index: 19990 !important;
    overflow: visible !important;
    isolation: isolate !important;
    background: linear-gradient(180deg, #ff9d35 0%, #f58220 52%, #e96300 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 2px 8px rgba(15, 23, 42, .16) !important;
}

.pancrm-top-shell::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #ff9d35 0%, #f58220 52%, #e96300 100%) !important;
    z-index: -1;
    pointer-events: none;
}

.pancrm-logo-area,
.pancrm-system-buttons {
    z-index: 20030 !important;
}

.pancrm-main-menu,
.pancrm-menu-item,
.pancrm-menu-item > a {
    z-index: 20010 !important;
}

.pancrm-submenu {
    z-index: 20050 !important;
}

/* 3) İçerik, sabit header + menünün altında başlasın. */
.fi-main {
    padding-top: calc(var(--pan-topbar-h) + var(--pan-menu-h) + 14px) !important;
}

.fi-main-ctn,
.fi-page,
.fi-page-content {
    position: relative !important;
    z-index: 1 !important;
}

/* 4) Ana problem: tablo başlıkları scroll sırasında header seviyesine yapışıyor.
      CRM'de sayfa içinde sticky tablo başlığı istenmiyor; bu yüzden global kapatıyoruz. */
.fi-ta-table thead,
.fi-ta-table thead tr,
.fi-ta-table thead th,
.fi-ta-header-cell,
.fi-ta-selection-cell,
.fi-ta-actions-cell,
.fi-ta-table [class*="sticky"],
.fi-ta [class*="sticky"],
.fi-page table thead,
.fi-page table thead tr,
.fi-page table thead th {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
}

/* Bazı Tailwind sınıfları inline class ile z-index verdiği için ayrıca düşürüyoruz. */
.fi-ta,
.fi-ta-ctn,
.fi-ta-content,
.fi-ta-table,
.fi-ta-header,
.fi-ta-toolbar,
.fi-ta-table thead,
.fi-ta-table tbody,
.fi-ta-table tr,
.fi-ta-table th,
.fi-ta-table td {
    z-index: auto !important;
}

/* 5) Scroll içinde kaybolan/üstte görünen liste toolbar alanlarını da normal akışa alıyoruz. */
.fi-ta-header,
.fi-ta-toolbar,
.fi-ta-filters,
.fi-ta-filter-indicators {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
}

/* 6) Dropdown ve modal bozulmasın: bunlar headerdan da üstte açılabilir. */
.fi-dropdown-panel,
.fi-modal,
.fi-modal-window,
.fi-modal-close-overlay,
.fi-select-dropdown,
.choices__list--dropdown,
[x-popper] {
    z-index: 30000 !important;
}

/* 7) Table/header altında görsel sızıntı olmasın diye açık ve opak yüzeyler. */
.fi-page,
.fi-page-content,
.fi-section,
.fi-ta,
.fi-ta-content,
.fi-ta-table,
.fi-ta-table tbody,
.fi-ta-table tr,
.fi-ta-table td,
.fi-ta-table th {
    background-clip: padding-box !important;
}

@media (max-width: 1100px) {
    .pancrm-system-buttons {
        right: 220px !important;
        gap: 3px !important;
    }

    .pancrm-system-buttons a {
        padding-inline: 7px !important;
        font-size: 11px !important;
    }
}