/* Yazılım markası; mağazanın müşteri fişi ve etiket logosunu değiştirmez. */
/* Tema, logonun iki rengi üzerine kuruludur: lacivert yapı ve yüzeyler, turuncu vurgu ve ana eylem.
   Renkler logo dosyasından ölçülmüştür; logo değişirse yalnız bu değerler güncellenir. */
:root {
    --sb-navy: #0f1a2c;         /* logo zemini */
    --sb-orange: #ff8a3d;       /* logo turuncusu */
    --sb-orange-dark: #f07420;  /* turuncu düğmenin üzerine gelince */
    --sb-orange-ink: #b54b06;   /* beyaz zeminde okunaklı turuncu yazı */
    --sb-orange-soft: #fff2e8;  /* turuncu vurgulu açık zemin */
}
.stokbil-word { color: var(--sb-navy); font-size: 24px; font-weight: 800; letter-spacing: -1px; white-space: nowrap; }
.stokbil-word b { color: var(--sb-orange); }
.app-nav .navbar-brand { display: inline-flex; align-items: center; gap: 9px; white-space: nowrap; }
.app-nav .stokbil-mark { width: 36px; height: 36px; object-fit: contain; border-radius: 50%; flex: 0 0 36px; }

/* Giriş ekranı: logo dosyası kare ve geniş kenar boşlukludur (1080 px içinde simge + yazı yaklaşık 475 px).
   Panel logoyla aynı laciverttir; görsel büyütülüp kenar boşluğu kırpılır, böylece kutu gibi değil
   doğrudan panelin üstünde durur. Ölçüler: görsel boyutu = pencere genişliği x 1080 / 475. */
.login-brand.stokbil-login { display: block; width: 204px; height: 203px; overflow: hidden; }
.stokbil-login .stokbil-logo { display: block; width: 455px; max-width: none; height: 455px; margin: -126px 0 0 -124px; }
@media (max-width: 767.98px) {
    .login-brand.stokbil-login { width: 136px; height: 135px; }
    .stokbil-login .stokbil-logo { width: 300px; height: 300px; margin: -83px 0 0 -82px; }
}