/* ==========================================================================
   Balıkçı Metal kurumsal kimliği
   Kaynak: balikcimetal.com canlı sitesi ve kurumsal kimlik kılavuzu.
   Ölçülen değerler — tahmin yok:
     #011A85  ana lacivert (sitedeki birincil buton ve baskın marka zemini)
     #1863DC  ikincil mavi (vurgu)
     #3C84CC  logo işaretinin mavisi
     #010001  gövde metni      #282828  ikincil metin
     #F4F4F4 / #EFEFEF  açık zeminler     #E6F0FD  soluk mavi
     Font: Manrope (kurumsal kimlik kılavuzunda SIL OFL ile anılan aile)
   Bu dosya style.css'ten SONRA yüklenir; özgün dosyaya dokunulmaz,
   kaldırıldığında sistem eski görünümüne döner.
   ========================================================================== */

:root{
  --navy:       #011A85;
  --navy-2:     #1863DC;
  --green:      #011A85;   /* birincil eylem rengi marka lacivertine alındı */
  --green-dark: #00136A;
  --orange:     #1863DC;   /* vurgu: marka mavisi */
  --brass:      #3C84CC;   /* logo mavisi, ikincil vurgu */
  --bg:         #F4F4F4;
  --card:       #FFFFFF;
  --text:       #010001;
  --muted:      #5A6675;
  --border:     #E3E7EC;
  --bg2:        #EFEFEF;
  --crm-accent: #011A85;
  --th-bg:      #F7F9FC;
  /* Kurumsal kimlikte serif yok; başlıklar da Manrope */
  --serif: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
}

/* Gece modunda da marka rengi korunur, yalnız zeminler koyulaşır */
:root[data-tema="dark"]{
  --navy:       #0A1230;
  --navy-2:     #16255C;
  --green:      #3E7BE8;
  --green-dark: #2E63C8;
  --orange:     #5B9BF0;
  --brass:      #5B9BF0;
  --crm-accent: #3E7BE8;
  --serif: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
}

/* Tipografi: Montserrat -> Manrope */
body, input, select, textarea, button{
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
}
#content h2, .page-head h1, .dialog-form h2, .stacked-form h3, .count-box .num{
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  font-weight: 600;
  letter-spacing: -.015em;
}
.count-box .num{ font-weight: 700; }

/* Menü üstü şerit marka lacivertiyle */
.exv-serit{ background: linear-gradient(90deg,#011A85,#1863DC); }

/* Giriş ekranındaki marka metni */
.login-box h1{ color: #011A85; }
.login-box .brand-sub{ color: #1863DC; }

/* ==========================================================================
   Logo oranı düzeltmesi
   Balıkçı Metal logosu 500x120 (4,17:1) — onceki surumdekinden belirgin daha genis.
   Özgün kural `height:60px` verdiği için logo 250px'e çıkıyor ve 210px'lik
   marka kutusunu taşırıyordu (yan menü 238px; logo kesiliyordu).
   Artık GENİŞLİK sınırlıyor, yükseklik orana göre hesaplanıyor.
   ========================================================================== */
.brand-wordmark{
  height: auto !important;
  width: auto;
  max-width: 100%;
  max-height: 52px;
  object-fit: contain;
  display: block;
}
.brand{ min-width: 0; overflow: hidden; }

/* Yan menüde logo ortalı ve nefes alsın */
@media (min-width: 821px){
  .topbar .brand{ padding: 10px 12px 12px; display: flex; justify-content: center; }
  .brand-wordmark{ max-height: 46px; }
}

/* Dar ekranda logo daha küçük, satırı şişirmesin */
@media (max-width: 820px){
  .brand-wordmark{ max-height: 34px; }
}
@media (max-width: 480px){
  .brand-wordmark{ max-height: 28px; }
}

/* ==========================================================================
   Tanıtım şeridi — yan menüyle çakışma düzeltmesi
   821px üstünde .topbar `position:fixed` ile 238px'lik sol menüye dönüşüyor.
   Şerit ise normal akışta ve tam genişlikteydi; ilk 238px'i (yani "Balıkçı
   Metal Pazarlama Sistemi" başlığının tamamı) menünün ALTINDA kalıyordu.
   Ölçüm: serit sol=0 g=1280, menu sol=0 g=238 → başlık görünmüyordu.
   Şeridi içerik sütunuyla hizalıyoruz.
   ========================================================================== */
@media (min-width: 821px){
  .exv-serit{ margin-left: 238px; }
  .exv-serit-ic{ max-width: 1500px; padding-left: 34px; padding-right: 34px; }
}

/* ==========================================================================
   Dar ekran düzeltmeleri (386px'te ölçülerek doğrulandı)
   ========================================================================== */
@media (max-width: 820px){
  /* Şerit iki satıra taşmasın, kılavuz düğmesi sağda kalsın */
  .exv-serit-ic{ padding: 7px 12px; gap: 8px; }
  .exv-serit-baslik{ font-size: 12.5px; }
  .exv-serit-btn{ padding: 4px 11px; font-size: 12px; }
  /* Geniş CRM tabloları kendi kutusunda yatay kaysın, sayfayı itmesin */
  #content .crm-tablo-kutu,
  #content .tablo-sar,
  #content .table-wrap{ overflow-x: auto; -webkit-overflow-scrolling: touch; }
  /* Form satırları tek sütuna insin */
  #content .form-satir,
  #content .iki-sutun{ grid-template-columns: 1fr !important; }
  /* Kutucuk/kart ızgaraları tek sütun */
  #content .kart-izgara,
  #content .ozet-izgara{ grid-template-columns: 1fr !important; }
}
@media (max-width: 480px){
  .exv-serit-ayrac{ display: none; }
  .exv-filigran{ font-size: 11.5px; padding: 12px 14px; }
}