/* ==========================================================================
   Aşıcı Grup kurumsal kimliği
   Kaynak: asicigrup.com canlı sitesinin CSS değişkenleri (ölçülen değerler):
     #0F4C86  ana lacivert (--navy)        #172033  koyu lacivert (--navy-deep)
     #2C3A57  yumuşak lacivert             #C9971F  logo altını (logo.webp ölçümü)
     #212D45  gövde metni                  #5B616B  ikincil metin
     #F5F6F8  açık zemin                   #E5E8EC  çizgi
     Font: Figtree (sitenin kendi yazı ailesi). Yeşil (#7AB648) sitede yalnız ikincil vurgu; burada logo altını seçildi.
   Bu dosya style.css'ten SONRA yüklenir; kaldırıldığında sistem eski görünümüne döner.
   ========================================================================== */

:root{
  --navy:       #0F4C86;
  --navy-2:     #2C3A57;
  --green:      #0F4C86;   /* birincil eylem rengi marka laciverti */
  --green-dark: #0B3A68;
  --orange:     #C9971F;   /* vurgu: logo altını */
  --brass:      #A97A1A;
  --bg:         #F5F6F8;
  --card:       #FFFFFF;
  --text:       #212D45;
  --muted:      #5B616B;
  --border:     #E5E8EC;
  --bg2:        #EEF0F3;
  --crm-accent: #0F4C86;
  --th-bg:      #F7F9FC;
  --serif: 'Figtree', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
}

:root[data-tema="dark"]{
  --navy:       #0E1626;
  --navy-2:     #172033;
  --green:      #4F8FD0;
  --green-dark: #3C78B8;
  --orange:     #E0B23A;
  --brass:      #E0B23A;
  --crm-accent: #4F8FD0;
  --serif: 'Figtree', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
}

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

/* Menü üstü şerit: koyu lacivertten ana laciverte, altta ince altın çizgi */
.exv-serit{ background: linear-gradient(90deg,#172033,#0F4C86); border-bottom: 2px solid #C9971F; }

.login-box h1{ color: #0F4C86; }
.login-box .brand-sub{ color: #A97A1A; }
.login-card h1 .brand-sub{ color: #A97A1A; }

/* Demo süresi rozeti */
.exv-demo{background:#FFFFFF;border-bottom:1px solid #E5E8EC;color:#2C3A57;font-size:13px}
.exv-demo-ic{max-width:1500px;margin:0 auto;padding:7px 18px;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.exv-demo.bitiyor{background:#FDECEC;border-color:#F0BDBD;color:#7A1F1F}
@media (min-width: 821px){ .exv-demo{ margin-left: 238px; } }

/* ==========================================================================
   Logo oranı düzeltmesi
   Aşıcı Grup logosu 3,3:1 oranında.
   Ö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: 14px 12px 14px; display: flex; justify-content: center; }
  .brand-wordmark{ max-height: 96px; width: 168px; }
}

/* 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 "Aşıcı
   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; }
}

/* Giriş ekranı logosu: özgün kural 92x92 kare kutu veriyordu (kare logo içindi);
   Aşıcı logosu 3,3:1 olduğu için genişlik veriyoruz. */
.login-logo{ width: 260px !important; max-width: 80%; height: auto !important; object-fit: contain; }

/* ==========================================================================
   KVKK/İYS ve demo şeritleri — responsive (05.11, 1440/1024/900/820/768/430/380 ölçüldü)
   1) 821px üstünde KVKK şeridi sol=0'dan başlıyordu, ilk 238px (başlık) menünün altında kalıyordu.
   2) Dar ekranda uzun metin 380px'te 155px yükseklik tutuyordu; kısa metne geçiyoruz,
      ayrıntı kılavuzda (Ayrıntılar bağlantısı).
   ========================================================================== */
.exv-kvkk-kisa{ display: none; }
@media (min-width: 821px){
  .exv-kvkk{ margin-left: 238px; }
  .exv-kvkk-ic{ padding-left: 34px; padding-right: 34px; }
  .exv-demo-ic{ padding-left: 34px; padding-right: 34px; }
}
@media (max-width: 900px){
  .exv-kvkk-uzun{ display: none; }
  .exv-kvkk-kisa{ display: inline; flex: 1 1 auto; min-width: 0; }
  .exv-kvkk-ic{ padding: 6px 12px; gap: 6px; font-size: 12.5px; align-items: center; }
  .exv-kvkk-ic a{ margin-left: auto; }
  .exv-demo-ic{ padding: 6px 12px; font-size: 12.5px; }
}
@media (max-width: 480px){
  .exv-kvkk-ic, .exv-demo-ic{ font-size: 12px; line-height: 1.4; }
  .exv-kvkk-ic b{ white-space: nowrap; }
}

/* Sarı zemin istenmedi (kullanıcı, 05.11): KVKK şeridi açık lacivert-gri, gece modunda koyu */
:root[data-tema="dark"] .exv-kvkk{ background:#172033; border-color:#2C3A57; color:#C9D3E0; }
:root[data-tema="dark"] .exv-kvkk-ic a{ color:#8DB4E2; }
:root[data-tema="dark"] .exv-demo{ background:#0E1626; border-color:#2C3A57; color:#C9D3E0; }