html, body {
    height: 100%;
}

app {
    display: block;
    height: 100%;
}

.header-logo {
    flex-shrink: 0;
    background-color: currentColor;
    /* NOT: CSS url() referansları ASP.NET Core'un static web assets
       sürüm/hash mekanizmasından GEÇMİYOR (o mekanizma yalnız Razor/tag-helper
       bağlamlarında çalışır) - bu yüzden Logo.svg değiştiğinde tarayıcıların
       önceden önbelleğe aldığı eski dosyayı sert yenileme (Ctrl+Shift+R) bile
       atlamayabilir. Elle bir "?v=" sürüm etiketi eklendi; dosya bir daha
       değişirse bu sayıyı artır. */
    -webkit-mask: url('../images/Logo.svg?v=2');
    mask: url('../images/Logo.svg?v=2');
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    /* Logo.svg'nin gerçek en-boy oranı (135:54 = 2.5:1) korunuyor -
       DevExpress'in varsayılan kare kutusu (28x24) bu oranda genişletildi,
       yoksa mask-size:contain olsa bile dar kutu logoyu küçültüp metni
       okunmaz hale getirirdi. */
    width: 115px;
    height: 44px;
}

/* Splash ekranındaki DevExpress "loading-image-wrapper" dairesi 120x120px;
   varsayılan .loading-image kuralı görseli 46x30px'e SABİTLİYOR (eski XAF
   glyph'inin ölçüsü) - Sofasis splash görseli (150x150 viewBox, ikon +
   yazı) bu dar kutuya orantısız sıkışıp bulanık/bozuk görünürdü.
   object-fit:contain ile gerçek en-boy oranı korunarak dairenin içine
   (120px'in %80'i) net ve ortalı sığdırılıyor. */
.loading-image {
    width: 112px;
    height: 112px;
    object-fit: contain;
}

#blazor-error-ui {
    background: inherit;
    bottom: 0;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100001;
}

/* GOREV-016: DevExpress'in kendi styles.css'i
   (_content/DevExpress.ExpressApp.Blazor/styles.css) icinde
   ".xaf-image-editor, .progress-container { width:100%; height:100% }" kurali
   var - bu editoru layout sutununun tamamina (mimar canli olcumunde 1174 px)
   yayiyor, oysa resim kutusu DetailViewImageEditorFixedWidth=300 ile 300 px.
   Overlay'ler position:absolute; inset:0 oldugu icin resmin ~4 kati genislikte
   seffaf bir alan olusuyor ve "resmi degistir" ("...") dugmesi logodan ~1150 px
   sagda render ediliyor. Daha dusuk ozgullukteki ".xaf-image-editor" secicisi
   tek basina DevExpress kuraliyla ayni ozgullukte kaldigi icin ".dxbl-fl-ctrl >"
   onceki ZORUNLU - hem kurali kazandiriyor hem de yalniz DetailView form-layout
   editorleriyle sinirliyor.
   GOREV-016 A6 (testci buldu, mimar A/B/A ile olcup dogruladi): DetailViewImageEditorFixedWidth
   VERILMEMIS resim alanlarinda (StokTanim.Resim, StokAltGrupTanim.Resim, ApplicationUser.Resim -
   hepsi MediaDataObject) BOS editor "width: max-content" ile 10 px'e coküyordu, "resim ekle" yer
   tutucusu görünmez oluyordu (ölçüm: 10 -> 300 px, yer tutucu ikon 0 -> 290 px). 300 px taban
   sabit genislikli alanlari bozmuyor (Logo=300 ayni kaliyor, SiparisPhoto=400 ve dolu
   MediaDataObject=330 tabanin ustunde), min() sarmasi dar viewport'ta tasmayi onluyor. */
.dxbl-fl-ctrl > .xaf-image-editor {
    width: max-content;
    min-width: min(300px, 100%);
    max-width: 100%;
}