/* ==========================================================================
   KABUK KATMANI — panel.css'ten SONRA, HER ekranda (AdminTheme::SHELL_STYLESHEET)
   --------------------------------------------------------------------------
   Tasarım turu 27 Eyl 2026 (LeafLora docs/tasarim/2026-09-27-pano/DESIGN.md §5).

   Neden ayrı dosya: panel.css dondurulmuş referansla (reference/muzai-original.css)
   bildirim bildirim eşleşmek ZORUNDA. Seçici değiştirmek ya da bildirim eklemek
   panel:token-dogrula'yı "YAPI KAYMASI / BİLDİRİM SAYISI FARKLI" ile kırar. Referansla
   ÇELİŞEN çekirdek düzeltmeleri bu yüzden burada; değeri koruyan token ikamesi
   (üst çubuk kromu) panel.css'te kalır.

   Kurallar: yalnız var(--p-*) okur (hex yok, gölge yok, gradyan yok). Ekrana özel
   stil buraya YAZILMAZ — o ScreenStyles::register() ile sayfaya kapsamlı iner
   (pano dili: panel-parts/pano.css).
   ========================================================================== */

/* (a) KPI kartı: delta rozeti (74 px) ve mini grafik (98 px) için yer KOŞULLU.
   Ölçüldü: rozetsiz/grafiksiz kartta açıklama 407 − 98 = 309 px'e sıkışıp erken
   kırılıyor, sağda boş şerit kalıyordu. Rozet ya da grafik varsa panel.css'in
   ayırdığı yer aynen kalır. */
.fi-wi-stats-overview-stat:not([data-delta]) .fi-wi-stats-overview-stat-label-ctn {
    padding-inline-end: 0;
}

.fi-wi-stats-overview-stat:not(:has(.fi-wi-stats-overview-stat-chart)) .fi-wi-stats-overview-stat-description {
    padding-inline-end: 0;
}

/* (b) Tek 1 px kenarlık: panel.css kartta hem `border` hem iç halka
   (`box-shadow: inset 0 0 0 1px`) çiziyordu = 2 px çizgi + gölge. Kenarlık kalır. */
.fi-wi-stats-overview-stat,
a.fi-wi-stats-overview-stat:hover {
    box-shadow: none;
}

/* (c) Üst çubuk ETKİN menü etiketi: temel katmanın `--primary-600`ı (0,3,0) MUZAI
   katmanının `currentColor` niyetini eziyordu → koyu krom üstünde her markada
   < 4,5:1 (leaflora 2,69 · ornek 2,73 · muzai 3,25). Etiket krom metni, göstergeyi
   2 px --p-chrome-accent çizgisi taşır (panel.css). Kapı: PAIRS `--p-on-dark × --p-chrome`. */
.fi-topbar-item.fi-active .fi-topbar-item-label {
    color: var(--p-on-dark);
}

/* Logo: satır içi SVG yalnız viewBox taşıyorsa esnek kapta 0×0 çiziliyordu (şablon ve
   LeafLora, giriş dahil — ölçüldü). Yükseklik `.fi-logo`dan (config brand.logo_height),
   genişlik viewBox oranından. */
.panel-brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    height: 100%;
    color: currentColor;
}

.panel-brand > svg {
    display: block;
    flex: none;
    height: 100%;
    width: auto;
}

/* brand.mark_tile: işaret soluk vurgu karosunda + marka adı + isteğe bağlı alt etiket
   (DESIGN §4.1-2). Karo --p-accent-soft, işaret --p-accent (PAIRS: karo × krom UI,
   işaret × karo UI). Ölçü brand.logo_height'tan: karo kare, işaret karonun yarısı. */
.panel-brand-tile {
    display: grid;
    flex: none;
    place-items: center;
    height: 100%;
    aspect-ratio: 1;
    border-radius: 8px;
    background: var(--p-accent-soft);
    color: var(--p-accent);
}

.panel-brand-tile > svg {
    display: block;
    width: 55%;
    height: 55%;
}

.panel-brand-name {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 1;
    white-space: nowrap;
}

/* Alt etiket krom üstünde de açık zeminde de okunsun diye rengini miras alır;
   ayırıcı çizgi aynı rengin silik hâli. */
.panel-brand-tag {
    position: relative;
    padding-inline-start: 11px;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    opacity: .66;
}

.panel-brand-tag::before {
    content: '';
    position: absolute;
    inset-block: -2px;
    inset-inline-start: 0;
    width: 1px;
    background: currentColor;
    opacity: .4;
}

/* ==========================================================================
   LİSTE VE KABUK DİLİ (tasarım turu 27 Eyl 2026 — DESIGN §4.1–§4.7, §5 e/g;
   maket liste-final.png). Her ekranda; yalnız var(--p-*) okur.
   ========================================================================== */

/* §4.1 Üst çubuk: grup oku 12 px, %55 opak; zil 34 px r9, 1 px %14 beyaz çerçeve,
   dolgu yok. Baş harfli avatar (brand.avatar_initials — saydam SVG) krom üstü beyaz
   tülde; markanın ikonu olan avatar bugünkü gibi kalır. */
.fi-topbar-nav-groups .fi-topbar-item-btn > .fi-icon:last-child {
    width: 12px;
    height: 12px;
    opacity: .55;
}

.fi-topbar .muzai-bell {
    width: 34px;
    height: 34px;
    border-color: rgb(var(--p-on-dark-rgb) / .14);
    border-radius: 9px;
    background: transparent;
}

.fi-topbar .muzai-bell:hover {
    background: rgb(var(--p-on-dark-rgb) / .08);
}

.fi-topbar .fi-user-avatar[src^="data:image/svg+xml"] {
    width: 34px;
    height: 34px;
    border: 0;
    background: rgb(var(--p-on-dark-rgb) / .12);
    box-shadow: none;
}

/* §4.7 Açılır menü ve arama sonuçları: gölge yerine 1 px kenarlık. */
.fi-dropdown-panel {
    border: 1px solid var(--p-border);
    box-shadow: none;
}

/* §4.2 Sayfa başlığı: kırıntı 12 px, ayırıcı soluk; kayıt sayısı başlığın yanında
   çerçeveli hap ("5.516"); açıklama TEK satır, 12 px. */
.fi-breadcrumbs-item-label {
    font-size: 12px;
}

.fi-breadcrumbs-item-separator {
    width: 12px;
    height: 12px;
    color: var(--p-divider);
}

.fi-header-heading .muzai-title-count {
    display: inline-block;
    margin-inline-start: 8px;
    padding: 2px 9px;
    border: 1px solid var(--p-border);
    border-radius: 999px;
    background: var(--p-surface);
    color: var(--p-muted);
    font-family: var(--p-font-sans);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: 0;
    vertical-align: 5px;
}

.fi-header-subheading {
    font-size: 12px;
}

/* Açıklama satırı (ScreenCopy::subline): isteğe bağlı kilit + tek satır açıklama (tamamı
   ipucunda) + "salt okunur". Satır içi akış — uzun açıklama sarar, parçalar ayrışmaz. */
.panel-subline {
    color: var(--p-muted);
}

.panel-subline > svg {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-inline-end: 8px;
    vertical-align: -2px;
    color: var(--p-soft);
}

.panel-subline-text[title] {
    cursor: help;
}

.panel-subline-text + .panel-subline-ro::before {
    content: '·';
    margin-inline: 8px;
}

/* §4.3 Süzgeç sekmeleri (liste üstü): SOLA yaslı, tam genişlikte alt çizgi; etkin sekme
   mürekkep + 2 px vurgu çizgisi (dolgu kutusu değil), sayaç rozeti DEĞİL satır içi soluk
   sayı; etkinde koyu. Detay sayfasının sekmeleri de aynı dil. Filament sekme şeridini
   ortalıyor ve etkin sekmeye beyaz kutu veriyordu. */
.fi-sc-tabs > .fi-tabs:not(.fi-vertical) {
    width: 100%;
    max-width: none;
    margin-inline: 0;
    justify-content: flex-start;
    gap: 4px;
}

.fi-tabs-item {
    position: relative;
    gap: 7px;
    padding: 10px 12px;
}

/* Etkin gösterge DÜZ 2 px çizgi (maket: iki yandan 10 px içeride, üst köşeler 2 px). Eskiden
   7 px yarıçaplı düğmeye `inset 0 -2px` gölgesiyle çiziliyordu: çizginin iki ucu yukarı
   kıvrılıyordu ("gülümseme") ve ayraç çizgisinin ÜSTÜNDE duruyordu (inceleme 28 Eyl). Ayraç
   şeridin kenarlığı yerine iç çizgi: çocuk (gösterge) ebeveynin iç gölgesinin ÜSTÜNE boyanır
   → gösterge ayracın üstüne oturur; negatif konum yok, `overflow-x: auto` şeritte dikey
   kaydırma çubuğu doğmaz. */
.fi-tabs:not(.fi-contained, .fi-vertical) {
    border-bottom: 0;
    box-shadow: inset 0 -1px 0 var(--p-border);
}

.fi-tabs-item.fi-active {
    background: transparent;
    box-shadow: none;
}

.fi-tabs:not(.fi-vertical) .fi-tabs-item.fi-active::after {
    content: '';
    position: absolute;
    inset-inline: 10px;
    bottom: 0;
    height: 2px;
    border-radius: 2px 2px 0 0;
    background: var(--p-accent);
}

/* §4.4 "Sekme sayaçları satır içinde, taban hizalı": etiket ve sayı aynı taban çizgisinde
   (ortalı hâlde 12 px sayı 13 px etiketin tabanından ~1 px aşağı düşüyordu). */
.fi-tabs-item .fi-tabs-item-label,
.fi-tabs-item .fi-badge {
    align-self: baseline;
}

.fi-tabs-item .fi-tabs-item-label {
    color: var(--p-muted);
    font-size: 13px;
}

.fi-tabs-item.fi-active .fi-tabs-item-label,
.fi-tabs-item.fi-active > .fi-icon {
    color: var(--p-ink);
}

.fi-tabs-item .fi-badge {
    min-width: 0;
    height: auto;
    min-height: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: var(--p-soft);
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
}

.fi-tabs-item .fi-badge .fi-badge-label-ctn,
.fi-tabs-item .fi-badge .fi-badge-label {
    font-size: 12px;
    line-height: 18px;
}

.fi-tabs-item.fi-active .fi-badge {
    color: var(--p-ink);
    font-weight: 600;
}

/* §4.3 Araç çubuğu: arama yüzey zemininde, 1 px kenarlık (dolgulu yeşil kutu değil). */
.fi-ta-search-field {
    width: 320px;
}

.fi-ta-search-field .fi-input-wrp {
    background: var(--p-surface);
    box-shadow: inset 0 0 0 1px var(--p-border);
}

/* Araç çubuğu tablo metniyle AYNI yatay iç boşlukta (hücre 22): arama 53 ↔ metin 51, sağ
   kenar 1395 ↔ 1389 sapıyordu (inceleme 28 Eyl, 1440). */
.fi-ta-ctn .fi-ta-header-toolbar {
    padding-inline: var(--panel-ta-pad);
}

/* Boş toplu eylem kabı (seçim yokken hiç öğesi yok) araç çubuğunun 8 px aralığını tüketip
   aramayı 8 px içeri itiyordu (51 yerine 59). */
.fi-ta-header-toolbar > .fi-ta-actions:not(:has(*)) {
    display: none;
}

/* Süzgeç sayacı düğmenin İÇİNDE, etiketin yanında: Filament rozeti düğmenin köşesine asıyor,
   "1" düğmenin üstünden taşıyordu (§4.3). */
.fi-ta-header-toolbar .fi-ta-filters-dropdown .fi-btn-badge-ctn {
    position: static;
    inset: auto;
    translate: none;
    transform: none;
}

/* Etkin süzgeç çipinin etiketi ve çerçeveli satır eylemlerinin etiketi dikeyde ORTALI:
   Filament ikisine de `align-self: baseline` veriyor — 30 px çipte etiket tepeye yapışık,
   28 px düğmede etiket ikondan ~5,5 px yukarıdaydı. */
.fi-ta-filter-indicators .fi-badge .fi-badge-label-ctn {
    align-self: center;
}

.fi-ta-row .fi-ta-actions .fi-link .fi-link-label {
    align-self: center;
}

/* Sıralanmamış başlıkta ok yalnız üzerine gelince (maket yalnız ETKİN sıralamayı gösterir);
   sıralı başlıkta ok hep görünür. Sağa yaslı sütunda ok yer KAPLAMAZ (13 px ikon + 5 px
   aralık negatif kenar boşluğuyla geri alınır): başlık metni hücre metniyle aynı kenarda biter
   (maket "KAYIT ↓"), ok hücrenin iç boşluğuna taşar. Sola yaslıda ok etiketin ardında kalır. */
.fi-ta-header-cell:is(.fi-align-end, .fi-align-right) .fi-ta-header-cell-sort-btn > .fi-icon {
    margin-inline-end: -18px;
}

.fi-ta-header-cell:not(.fi-ta-header-cell-sorted) .fi-ta-header-cell-sort-btn > .fi-icon {
    opacity: 0;
}

.fi-ta-header-cell:not(.fi-ta-header-cell-sorted) .fi-ta-header-cell-sort-btn:is(:hover, :focus-visible) > .fi-icon {
    opacity: 1;
}

/* §5-g Süzgeç sayacı 0 iken rozet basılmıyordu değil, "0" köşeden taşıyordu: Filament
   rozete etkin süzgeç sayısını 0 dahil verir. Etkin süzgeç göstergesi (indicator) yoksa
   rozet gizli; süzgeç açılınca gösterge satırı gelir, sayı görünür. */
.fi-ta-ctn:not(:has(.fi-ta-filter-indicators)) .fi-ta-filters-dropdown .fi-icon-btn-badge-ctn,
.fi-ta-ctn:not(:has(.fi-ta-filter-indicators)) .fi-ta-filters-dropdown .fi-btn-badge-ctn {
    display: none;
}

/* §5-e + §4.3 Tablo: başlık 34 px, satır 54 px; başlık ve hücre AYNI yatay iç boşluk
   (başlık metni hücre metniyle aynı çizgide başlar). Ölçüldü (LeafLora 1440): sıralanabilir
   başlıkta metin th 8 + düğme 8 = 16 px'te, hücrede td 8 + .fi-ta-col 8 + .fi-ta-text 12 =
   28 px'te başlıyordu → 12 px kayma; sıralanamayan başlıkta 8 px. Yatay boşluğu YALNIZ hücre
   (td/th) taşır; iç sarmalayıcıların yatay boşluğu sıfır. */
.fi-ta-ctn {
    --panel-ta-pad: 22px;
}

/* Başlık içindeki sıralama düğmesi ve etiket kabı panel.css'te 40 px yüksek ve 8 px iç
   boşluklu: 34 px'lik başlığı 41'e itiyordu (ölçüldü) ve metni 8 px içeri alıyordu. */
.fi-ta-table > thead > tr > .fi-ta-header-cell .fi-ta-header-cell-sort-btn,
.fi-ta-table > thead > tr > .fi-ta-header-cell .fi-ta-header-cell-label {
    height: 34px;
    padding-inline: 0;
}

.fi-ta-table > tbody > .fi-ta-row > .fi-ta-cell > .fi-ta-col,
.fi-ta-table > tbody > .fi-ta-row > .fi-ta-cell > .fi-ta-col > .fi-ta-text,
.fi-ta-table > tbody > .fi-ta-row > .fi-ta-cell > .fi-ta-col > .fi-ta-icon,
.fi-ta-table > tbody > .fi-ta-row > .fi-ta-cell > .fi-ta-col > .fi-ta-image,
.fi-ta-table > tbody > .fi-ta-row > .fi-ta-cell > .fi-ta-col > .fi-ta-color {
    padding-inline: 0;
}

.fi-ta-table > thead > tr > .fi-ta-header-cell {
    height: 34px;
}

.fi-ta-table > thead > tr > .fi-ta-header-cell:first-child,
.fi-ta-table > tbody > .fi-ta-row > .fi-ta-cell:first-child {
    padding-inline-start: var(--panel-ta-pad);
}

.fi-ta-table > thead > tr > .fi-ta-header-cell:last-child,
.fi-ta-table > tbody > .fi-ta-row > .fi-ta-cell:last-child {
    padding-inline-end: var(--panel-ta-pad);
}

/* §4.3 Altlık: "10 kayıttan 1–10 arası" solda (metin lang/vendor/filament/tr); sağda
   "Sayfa başına [25]" ve sayfa kareleri yan yana (Filament ortaya koyuyordu); etkin sayfa
   koyu krom kare. Seçici `.fi-pagination` önekli: panel.css'in eski Tabler bloğu (0,4,0)
   yazıyor. */
.fi-pagination {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px var(--panel-ta-pad, 22px);
    font-size: 12px;
}

.fi-pagination .fi-pagination-overview {
    flex: 1 1 auto;
    color: var(--p-muted);
    font-family: var(--p-font-sans);
    font-size: 12px;
    font-weight: 500;
}

.fi-pagination .fi-pagination-records-per-page-select .fi-input-wrp {
    min-height: 30px;
    background: transparent;
    box-shadow: none;
}

.fi-pagination .fi-pagination-records-per-page-select .fi-input-wrp-prefix {
    padding-inline: 0 8px;
    border: 0;
}

.fi-pagination .fi-pagination-records-per-page-select .fi-input-wrp-label {
    color: var(--p-muted);
    font-size: 12px;
    white-space: nowrap;
}

.fi-pagination .fi-pagination-records-per-page-select .fi-input-wrp-content-ctn {
    border-radius: 7px;
    background: var(--p-surface);
    box-shadow: inset 0 0 0 1px var(--p-border);
}

.fi-pagination .fi-pagination-records-per-page-select .fi-select-input {
    height: 30px;
    font-family: var(--p-font-sans);
    font-size: 12px;
}

.fi-pagination .fi-pagination-item-btn {
    font-family: var(--p-font-sans);
    font-size: 12px;
}

.fi-pagination .fi-pagination-item.fi-active .fi-pagination-item-btn {
    background: var(--p-chrome);
    color: var(--p-on-dark);
}

/* §4.7 Boş durum: 40 px r11 NÖTR karo (hata çağrışımlı vurgu dolgusu değil), başlık
   13/600, açıklama 12. İkonu ekran seçer (varsayılan kutu; "X" değil). */
.fi-ta-empty-state .fi-ta-empty-state-icon-bg {
    width: 40px;
    height: 40px;
    padding: 0;
    display: grid;
    place-items: center;
    border: 1px solid var(--p-border-soft);
    border-radius: 11px;
    background: var(--p-surface-soft);
    color: var(--p-muted);
}

.fi-ta-empty-state .fi-ta-empty-state-icon-bg .fi-icon {
    width: 18px;
    height: 18px;
    color: currentColor;
}

.fi-ta-empty-state .fi-ta-empty-state-heading {
    font-size: 13px;
}

.fi-ta-empty-state .fi-ta-empty-state-description {
    font-size: 12px;
}

/* §4.4 Durum rozeti ("Yayında", "Arşivde", "Bekliyor" …): NÖTR sayım çipi + 7 px durum
   noktası — renk YALNIZ noktada, anlamı etiket taşır (dolgulu teal/amber hap değil). Nokta
   rengi marka tokenından (Filament paletinden değil). İki kapı: tablonun `status` sütunu
   (Filament hücreye sütun adını basar) ve `->panelStatus()` makrosu (`StatusBadge` —
   sütun ADINDAN bağımsız, infolist girdisi dahil; inceleme 28 Eyl: "Hedef durumu" sütunu ve
   bitki detayının "Durum"u dolgulu hap kalıyordu). */
.fi-ta-cell-status .fi-badge.fi-color,
.panel-status .fi-badge.fi-color {
    border: 1px solid var(--p-border-soft);
    background: var(--p-surface-soft);
    color: var(--p-muted);
}

/* panel.css noktayı yalnız `.fi-ta-cell-status` için çiziyor; makro sınıfına aynı nokta. */
.panel-status .fi-badge::before {
    content: '';
    flex: none;
    margin-inline-end: -1px;
    border-radius: 50%;
    background: currentColor;
}

.fi-ta-cell-status .fi-badge::before,
.panel-status .fi-badge::before {
    width: 7px;
    height: 7px;
}

.fi-ta-cell-status .fi-badge.fi-color-success::before,
.panel-status .fi-badge.fi-color-success::before {
    background: var(--p-success);
}

.fi-ta-cell-status .fi-badge.fi-color-warning::before,
.panel-status .fi-badge.fi-color-warning::before {
    background: var(--p-warning);
}

.fi-ta-cell-status .fi-badge.fi-color-danger::before,
.panel-status .fi-badge.fi-color-danger::before {
    background: var(--p-danger);
}

.fi-ta-cell-status .fi-badge.fi-color-info::before,
.panel-status .fi-badge.fi-color-info::before {
    background: var(--p-info);
}

.fi-ta-cell-status .fi-badge.fi-color-gray::before,
.panel-status .fi-badge.fi-color-gray::before {
    background: var(--p-chart-muted);
}

/* §4.3 + §6.1-11 Satır içi yardımcılar — pano ve liste ekranları AYNI dil (eskiden yalnız
   panoda, pano.css'teydi): boş değer soluk "—" (metin tonu; --p-divider "—"da 3,5:1 kalıyordu),
   soluk metin, göreli zaman, kimlik hücresi (nötr karoda giriş yöntemi ikonu + ad; avatar
   rengi yok). */
.panel-none {
    color: var(--p-soft);
}

.panel-soft {
    color: var(--p-soft);
}

.panel-ago {
    white-space: nowrap;
}

.panel-who {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.panel-who-ico {
    display: grid;
    flex: none;
    place-items: center;
    width: 26px;
    height: 26px;
    border: 1px solid var(--p-border-soft);
    border-radius: 7px;
    background: var(--p-surface-soft);
    color: var(--p-muted);
    font-size: 12px;
    font-weight: 700;
}

.panel-who-ico > svg {
    width: 14px;
    height: 14px;
}

.panel-who-glyph {
    line-height: 1;
}

.panel-who-name {
    overflow: hidden;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* ==========================================================================
   PANO v2 İNCELEME (28 Eyl 2026) — detay, form ve üst çubuk. Yalnız var(--p-*) okur.
   ========================================================================== */

/* Yerel açılır liste oku: panel.css'in `background` kısaltması Filament'in ok görselini
   (background-image) sıfırlıyor — liste düz metin kutusu gibi görünüyor, sağda 32 px boş
   dolgu kalıyordu (makale formu Kategori/Seviye, "Sayfa başına"). Ok kabın ::after'ında:
   SVG yalnız BİÇİM verir (maske), renk marka tokenından; biçim, konum ve boy Filament'in
   özel seçicisindeki okla aynı (20 px, sağdan 8 px). Çoklu seçimde ok yok. */
.fi-input-wrp-content-ctn:has(> select.fi-select-input:not([multiple])) {
    position: relative;
}

.fi-input-wrp-content-ctn:has(> select.fi-select-input:not([multiple]))::after {
    content: '';
    position: absolute;
    inset-block: 0;
    inset-inline-end: 8px;
    width: 20px;
    pointer-events: none;
    background: var(--p-muted);
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
}

/* §4.5 Tipografi: yarım piksel ara boyutlar (11,5 · 12,5 · 15,5) detay ve formda da kalkar
   (pano ve listede kalkmıştı; kullanıcı detayında 10 ayrı yazı boyu ölçüldü). Bölüm başlığı
   15 · rozet ve girdi etiketi 12 · alan etiketi 13 · alan yardım metni 12 soluk — yardım
   metni (14 px, koyu) etiketinden büyüktü, hiyerarşi tersti. Seçiciler panel.css'teki
   karşılığıyla AYNI özgüllükte (kabuk sonra yüklenir). */
.fi-section .fi-section-header-heading,
.fi-ta-ctn .fi-ta-header .fi-ta-header-heading {
    font-size: 15px;
}

.fi-section .fi-section-header-description {
    font-size: 12px;
}

/* Tablo satırı 13 (§4.5 "gövde, satır"), satır altı açıklama ve boş değer 12 (panel.css
   12,5 / 11,5). */
.fi-ta-text-item {
    font-size: 13px;
}

.fi-ta-text > .fi-ta-text-description,
.fi-ta-text > .fi-ta-text-list-limited-message,
.fi-ta-cell .fi-ta-placeholder {
    font-size: 12px;
}

.fi-ta-filter-indicators-label,
.fi-ta-filter-indicators .fi-badge.fi-badge {
    font-size: 12px;
}

.fi-badge {
    font-size: 12px;
}

.fi-in-entry-label {
    font-size: 12px;
}

.fi-fo-field-label-content {
    font-size: 13px;
}

.fi-fo-field .fi-sc-text {
    font-size: 12px;
    color: var(--p-muted);
}

/* Detay ızgarasında yan yana bölümler EŞİT yükseklikte (panonun satır dili): ızgara hücresi
   satır boyuna gerilir, bölüm onu doldurur. Ölçüldü (kullanıcı detayı 1440): alt kenarlar
   2 px ve 22 px kayıktı. */
.fi-grid > .fi-grid-col > .fi-sc-component:has(> .fi-sc-section),
.fi-grid > .fi-grid-col > .fi-sc-component > .fi-sc-section,
.fi-grid > .fi-grid-col > .fi-sc-component > .fi-sc-section > .fi-section {
    height: 100%;
}

/* §4.1 Üst çubuk FERAH yoğunluk (`panel.navigation.density = 'roomy'` → AdminTheme
   `<meta name="panel-nav" content="roomy">`): maketin ölçüsü — öğe 0 11 px, öğeler arası
   2 px, ok 5 px, etiket 13/500, pasif %72 beyaz, etkin çizgi 11 px içeride. Varsayılan
   bugünkü sıkı menü: MUZAI'nin 9 grubu 1366–1440'ta ancak öyle sığıyor. ≥ 1200 px: altında
   Filament menüyü kenar çubuğuna indirene kadar sıkı ölçü kalır (taşma yok). */
@media (min-width: 1200px) {
    :root:has(meta[name='panel-nav'][content='roomy']) .fi-topbar-nav-groups {
        gap: 2px;
    }

    :root:has(meta[name='panel-nav'][content='roomy']) .fi-topbar-item-btn {
        gap: 5px;
        padding-inline: 11px;
    }

    :root:has(meta[name='panel-nav'][content='roomy']) .fi-topbar-item:not(.fi-active) > .fi-topbar-item-btn:not(:hover, :focus-visible) {
        color: rgb(var(--p-on-dark-rgb) / .72);
    }

    :root:has(meta[name='panel-nav'][content='roomy']) .fi-topbar-item-label {
        font-size: 13px;
    }

    :root:has(meta[name='panel-nav'][content='roomy']) .fi-topbar-nav-groups > :has(.fi-topbar-item.fi-active)::after,
    :root:has(meta[name='panel-nav'][content='roomy']) .fi-topbar-nav-groups > .fi-topbar-item.fi-active::after {
        inset-inline: 11px;
    }
}