/* Fon Bul — ortak oneri paneli gorunumu (UC-FB-1)
   Sayfalarin kendi konumlandirma/renk siniflari yerinde kalir; buradaki
   kurallar yalnizca liste yuksekligini, kaydirmayi ve eslesme vurgusunu
   standartlastirir. */

.fonbul-panel {
    /* Grafik arac cubuklarinin (Plotly modebar z-index ~1001) uzerinde kalmali.
       !important sart: Tailwind CDN stillerini calisme aninda enjekte ettigi
       icin elementteki z-10 sinifi bu kurali kaynak-sirasiyla eziyor. */
    z-index: 1100 !important;
    max-height: 320px;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

/* Ince kaydirma cubugu — iki temada da okunakli */
.fonbul-panel::-webkit-scrollbar {
    width: 8px;
}
.fonbul-panel::-webkit-scrollbar-track {
    background: transparent;
}
.fonbul-panel::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}
.fonbul-panel::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}
.dark .fonbul-panel::-webkit-scrollbar-thumb {
    background: #475569;
}
.dark .fonbul-panel::-webkit-scrollbar-thumb:hover {
    background: #64748b;
}

/* Eslesen bolumun vurgusu */
mark.fonbul-hl {
    background: #fef08a;
    color: inherit;
    padding: 0 1px;
    border-radius: 2px;
    font-weight: 700;
}
.dark mark.fonbul-hl {
    background: #854d0e;
    color: #fef9c3;
}

/* Mobilde panel ekrani doldurmasin */
@media (max-width: 640px) {
    .fonbul-panel {
        max-height: 260px;
    }
}