.cizgi {border-bottom: 10px solid #343a40}
.cizgi-modal {border-bottom: 10px solid #c03000; border-top: 10px solid #c03000}
.bg-dark {background-color: #131414 !important;}
.nav-y {font-weight: bolder; background-color: #c03000; font-size: 25px}

/* WebKit (Chrome, Edge, Safari) */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: #1f1f1f; /* ray */
}

::-webkit-scrollbar-thumb {
  background: #555;       /* kaydırma çubuğu */
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: #888;
}
* {
  scrollbar-width: thin;
  scrollbar-color: #c03000 #1f1f1f;
}
.form-control:focus,
.form-select:focus {
  border-color: #c03000;
  box-shadow: 0 0 0 0.25rem rgba(192, 48, 0, 0.25); /* dış parlama */
  outline: none;
}
.meslek-isaretle {
  font-weight: bolder;
  border-left: 15px solid #c03000;
  transition: all 0.4s ease;     
  transition-delay: 0.2s;   
  cursor: pointer;     
  padding: 3px
}

.meslek-isaretle:hover {
  font-weight: bolder;
  border-left: 15px solid #c03000;
  background-color: #c03000;
  color: #fff;
  transition: all 0.4s ease;
  transition-delay: 0.2s;        
}
.siyah {color: #000}
.bilgi-duzenle {border: 3px solid #c03000;padding: 5px}
.hr-c03 {display: block; height: 2px; border: 0; border-top: 5px dashed #c03000; margin: 1em 0; padding: 0;
}
.uyari {padding: 5px; background-color: #c03000; text-align: center; color: #dde1e5; font-weight: bolder; border: 1px solid #ccc; }
.onemli {border-bottom: #c03000 3px dashed}
.ortala {text-align: center; border-bottom: #c03000 3px dashed; margin-bottom: 5px; display: block; margin-left: 100px;margin-right: 100px}

#bys-operasyon-bar{
  position: fixed;
  left: 0; right: 0;
  z-index: 2000;
  border-bottom: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 2px 10px rgba(0,0,0,.06);
}

.bg-dark#bys-operasyon-bar{
  border-bottom-color: rgba(255,255,255,.12);
  box-shadow: 0 2px 10px rgba(0,0,0,.35);
}

/* butonlar daha derli toplu dursun */
#bys-operasyon-bar .btn{ white-space: nowrap; }

/* Dropdown'lar sticky barın altında kalmasın */
#bys-navbar{
  position: relative;          /* stacking context kontrol */
  z-index: 2600 !important;    /* sayaçtan yüksek */
}

#bys-navbar .dropdown-menu{
  z-index: 2700 !important;    /* navbar'dan da yüksek */
}

/* Sayaç barı dropdown'un altında kalsın */
#bys-operasyon-bar{
  z-index: 2500 !important;
}
#bys-operasyon-bar .container{ padding-top:.35rem !important; padding-bottom:.35rem !important; }
#bys-operasyon-bar .fw-semibold{ font-size:.9rem; opacity:.9; }
#bys-operasyon-bar .btn{ padding:.20rem .45rem; font-size:.78rem; }
#bys-operasyon-bar .badge{ font-size:.70rem; }
#bys-operasyon-bar .btn{
  border-radius: 999px !important;
}
#bys-operasyon-bar .btn.btn-primary,
#bys-operasyon-bar .btn.btn-secondary{
  box-shadow: 0 0 0 .15rem rgba(13,110,253,.15);
}

#bys-operasyon-bar.is-pinned{
  box-shadow: 0 6px 18px rgba(0,0,0,.25) !important;
  backdrop-filter: blur(6px);
  opacity: .98;
}
#bys-operasyon-bar .bys-strip{
  overflow-x:auto;
  overflow-y:hidden;
  white-space:nowrap;
  -webkit-overflow-scrolling: touch;
  padding-bottom: .15rem;
}
#bys-operasyon-bar .bys-strip::-webkit-scrollbar{ height:6px; }

/* Modal her şeyin üstünde kalsın */
.modal{
  z-index: 5000 !important;
}
.modal-backdrop{
  z-index: 4990 !important;
}

/* Bazı tarayıcı/tema durumlarında offcanvas/dropdown vs çakışmasın */
.offcanvas{
  z-index: 4800 !important;
}

/* Mobilde BYS sticky sayaç kapalı */
@media (max-width: 768px){
  #bys-operasyon-bar,
  #bys-operasyon-spacer{
    display: none !important;
  }
}