/* ==========================================================================
   MÜŞTERİ PANELİ KABUĞU — app.vidimu.com (docs/TASARIM.md §1.3, §6.1, §10 R3)
   --------------------------------------------------------------------------
   Çekirdekten SONRA iner (marka → panel.css → kabuk.css → bu dosya; AppPanelProvider
   HEAD_END kancası). TÜREVİN dosyası: çekirdek CSS'e dokunulmaz.

   Neden: iç panelde kiracılık yok, çekirdek tema kiracı (çalışma alanı) menüsünü HİÇ
   stillemiyor. Ölçüldü (B3-0, 1440 px): koyu krom üst çubukta alan adı
   `rgb(3 24 43)` — kromun KENDİ rengi — ile basılıyordu (görünmez); üst etiket soluk
   mürekkep (≈2:1). Kurallar kabuk katmanının üst çubuk dilini aynen izler (§4.1: grup
   oku 12 px %55, baş harfli avatar beyaz tülde, 34 px r9 çerçeve).

   Yalnız var(--p-*) okur — hex yok, gölge yok, gradyan yok. Kontrast: ad
   `--p-on-dark × --p-chrome` (PAIRS'te), üst etiket %62 beyaz (≥ 4,5:1 krom üstünde).
   ========================================================================== */

.fi-topbar .fi-tenant-menu-trigger {
    gap: 10px;
    padding: 4px 10px 4px 4px;
    border-radius: 9px;
    color: var(--p-on-dark);
}

.fi-topbar .fi-tenant-menu-trigger:hover,
.fi-topbar .fi-tenant-menu-trigger:focus-visible {
    background: rgb(var(--p-on-dark-rgb) / .08);
}

.fi-topbar .fi-tenant-menu-trigger .fi-avatar {
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: rgb(var(--p-on-dark-rgb) / .12);
}

.fi-topbar .fi-tenant-menu-trigger-current-tenant-label {
    color: rgb(var(--p-on-dark-rgb) / .62);
    font-size: 11px;
    font-weight: 500;
    line-height: 1.2;
}

.fi-topbar .fi-tenant-menu-trigger-tenant-name {
    color: var(--p-on-dark);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
}

/* Uzun alan adı TEK satırda kısalır (alan adı sınırı 120 karakter). Ölçüldü (B3-tamamlama
   denetimi, 1440 px): 89 karakterlik ad değiştiriciyi iki satıra kırıp 540 px'e genişletiyor, üst
   menüyü sağa itiyordu — "Şablonlar" arama kutusunun altında kırpılıyordu. Tam ad açılır listede,
   sayfa alt başlığında ve kırıntıda yazılı. 200 px bugünkü adların hepsine yeter ("Atlas Yapı" 75 px). */
.fi-topbar .fi-tenant-menu-trigger-text {
    min-width: 0;
}

/* Kısaltma satırın kendisinde: metin kabı ızgara — öğenin en küçük genişliği tek satırlık metnin
   tamamıdır, kaba sınır koymak metni kabın DIŞINA taşırıyordu (ölçüldü). */
.fi-topbar .fi-tenant-menu-trigger-current-tenant-label,
.fi-topbar .fi-tenant-menu-trigger-tenant-name {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fi-topbar .fi-tenant-menu-trigger > .fi-icon {
    width: 12px;
    height: 12px;
    color: var(--p-on-dark);
    opacity: .55;
}

/* Alan değiştirici listesi (açık zeminli açılır menü): alan avatarı markanın baş harf
   SVG'si — SAYDAM zeminde beyaz harf (`BrandAvatarProvider`, `brand.avatar_initials`).
   Ölçüldü: beyaz menüde harfler görünmüyordu. Krom karo üstünde, üst çubuktaki gibi. */
.fi-dropdown-list-item-image[style*='data:image/svg+xml'] {
    border-radius: 6px;
    background-color: var(--p-chrome);
}

/* ——— Gri durum rozeti ("Açık", "Bekliyor", "Üye") ———
   Filament 4 `gray` rozete renk sınıfı BASMIYOR (`fi-color` yok): kabuğun nötr çip kuralı
   (`.panel-status .fi-badge.fi-color`) eşleşmiyor, rozet kenarsız mürekkep metin + mürekkep
   noktaya düşüyordu. Ölçüldü (B3-QA, 1440 px): proje görev sekmesi "Açık", çekim "Bekliyor",
   proje rolü "Üye" — aynı sayfadaki "Devam ediyor" çipinin yanında ayrı bileşen gibi. İç panel
   aynı düzeltmeyi `ic-panel.css`te taşıyor (İP8); müşteri panelinde her ekran bu dosyayı
   yükler. Düzeltmenin yeri şablonun kabuğu — taşınınca iki blok da silinir. */
.panel-status .fi-badge:not(.fi-color) {
    border: 1px solid var(--p-border-soft);
    background: var(--p-surface-soft);
    color: var(--p-muted);
}

.panel-status .fi-badge:not(.fi-color)::before {
    background: var(--p-chart-muted);
}

/* ——— Basit sayfanın kullanıcı menüsü (e-posta doğrulama istemi, yeni ekip alanı) ———
   Avatar markanın baş harf SVG'si: SAYDAM zeminde beyaz harf (krom için). Basit sayfanın açık
   zemininde görünmüyordu — ölçüldü (B3-QA): kayıt sonrası istemde ÇIKIŞ'ın tek yolu olan menü
   görünmez. Üst çubuktaki gibi krom karoda. */
.fi-simple-layout .fi-user-menu-trigger .fi-avatar[src^='data:image/svg+xml'] {
    background-color: var(--p-chrome);
}

/* ——— Bilgi alanı etiketi ———
   İç panelin detay diliyle aynı (`ic-panel.css`, LeafLora DESIGN §4.4): ölçülen tek fark
   0,01em harf aralığıydı (proje detayı ↔ alan detayı). */
.fi-in-entry-label {
    letter-spacing: 0.01em;
}

/* ——— Üst çubuk zili (müşteri paneli) ———
   İşaretleme çekirdeğin zilinin aynısı (`.muzai-bell*`, `NotificationBell`); burada yalnız çekirdekte
   karşılığı olmayan OKUNMAMIŞ satır: soldaki 3 px şerit vurgu tokenıyla (çekirdeğin uyarı/kritik
   şeridiyle aynı yerde — renk tek başına anlam taşımaz, başlıktaki sayı da söyler). */
.muzai-bell-panel li[data-unread] > a {
    border-inline-start-color: var(--p-accent);
}

/* ——— Dar ekranda tablo araç çubuğu ———
   Çekirdek arama kutusunu sabit 320 px tutar (`flex: none`, kabuk §4.3); 390 px'te kutu kartın iç
   genişliğini doldurunca süzgeç ve sütun düğmeleri kartın DIŞINA itiliyordu (sağ kenar 425 px,
   görünür alan 390 — B3-tamamlama denetimi; Çekimler, Görevler, Üyeler, Puantaj). Dar ekranda arama
   kalan genişliği alır, düğmeler satırda kalır. Yeri şablonun `kabuk.css`i (iç panelde süzgeçli liste
   yok — ölçülemedi). */
@media (max-width: 639px) {
    .fi-ta-header-toolbar .fi-ta-search-field {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
    }
}