/* ============================================================================
   BİLİŞİM GÖZÜ ERP — BOOTSTRAP 5 → BOOTSTRAP 4 UYUM KATMANI
   ============================================================================
   SORUN
   -----
   Panel AdminLTE 3 üzerinde çalışıyor, yani Bootstrap 4. Ancak sayfaların
   çoğu zaman içinde Bootstrap 5 sınıf adlarıyla yazılmış: 31 dosyada 182
   kullanım. BS5 sınıfları BS4'te tanımlı olmadığı için hata vermez,
   SESSİZCE HİÇBİR ŞEY YAPMAZ. Görünen sonuç:

     form-label yok  -> etiket input'a yapışık duruyor
     g-2 / g-3 yok   -> form alanları arasında boşluk yok
     text-end yok    -> tablolarda tutarlar sola yaslı kalıyor
     fw-bold yok     -> vurgulanması gereken yazılar normal görünüyor
     form-select yok -> açılır kutular düz görünüyor, ok işareti yok
     ms-* / me-*     -> butonlar birbirine yapışık

   ÇÖZÜM
   -----
   31 dosyada 182 sınıfı tek tek değiştirmek yerine, BS5 yardımcı
   sınıflarının BS4 karşılıklarını burada tanımlıyoruz. Tek dosya,
   markup'a dokunulmuyor, geri alması index.php'den tek satır silmek.

   Ayrıca bundan sonra BS5 alışkanlığıyla yazılan kod da doğru görünür.

   NOT: Bu bir köprüdür, kalıcı çözüm değil. Uzun vadede ya tüm panel
   BS5'e taşınmalı ya da sınıflar BS4'e sabitlenmelidir.
   ============================================================================ */


/* ---------------------------------------------------------------- YAZI TİPİ */
.fw-bold      { font-weight: 700 !important; }
.fw-semibold  { font-weight: 600 !important; }
.fw-medium    { font-weight: 500 !important; }
.fw-normal    { font-weight: 400 !important; }
.fw-light     { font-weight: 300 !important; }

.fst-italic   { font-style: italic !important; }
.lh-1         { line-height: 1 !important; }
.lh-sm        { line-height: 1.25 !important; }
.lh-base      { line-height: 1.5 !important; }


/* ------------------------------------------------------------- HİZALAMA */
.text-start   { text-align: left !important; }
.text-end     { text-align: right !important; }

.float-start  { float: left !important; }
.float-end    { float: right !important; }


/* --------------------------------------------------- KENAR BOŞLUKLARI (x) */
/* BS5 "start/end" mantığını BS4 "left/right" karşılıklarına bağlar.
   Ölçek her iki sürümde aynı: 1=.25rem 2=.5rem 3=1rem 4=1.5rem 5=3rem */
.ms-0 { margin-left: 0 !important; }        .me-0 { margin-right: 0 !important; }
.ms-1 { margin-left: .25rem !important; }   .me-1 { margin-right: .25rem !important; }
.ms-2 { margin-left: .5rem !important; }    .me-2 { margin-right: .5rem !important; }
.ms-3 { margin-left: 1rem !important; }     .me-3 { margin-right: 1rem !important; }
.ms-4 { margin-left: 1.5rem !important; }   .me-4 { margin-right: 1.5rem !important; }
.ms-5 { margin-left: 3rem !important; }     .me-5 { margin-right: 3rem !important; }
.ms-auto { margin-left: auto !important; }  .me-auto { margin-right: auto !important; }

.ps-0 { padding-left: 0 !important; }       .pe-0 { padding-right: 0 !important; }
.ps-1 { padding-left: .25rem !important; }  .pe-1 { padding-right: .25rem !important; }
.ps-2 { padding-left: .5rem !important; }   .pe-2 { padding-right: .5rem !important; }
.ps-3 { padding-left: 1rem !important; }    .pe-3 { padding-right: 1rem !important; }
.ps-4 { padding-left: 1.5rem !important; }  .pe-4 { padding-right: 1.5rem !important; }
.ps-5 { padding-left: 3rem !important; }    .pe-5 { padding-right: 3rem !important; }


/* ------------------------------------------------------------------ KENARLIK */
.border-start { border-left: 1px solid #dee2e6 !important; }
.border-end   { border-right: 1px solid #dee2e6 !important; }
.border-start-0 { border-left: 0 !important; }
.border-end-0   { border-right: 0 !important; }

.rounded-start { border-top-left-radius: .25rem !important; border-bottom-left-radius: .25rem !important; }
.rounded-end   { border-top-right-radius: .25rem !important; border-bottom-right-radius: .25rem !important; }


/* --------------------------------------------------------------- FORM ALANI */
/* BS4'te form-label yok; etiketin alt boşluğu kaybolduğu için
   etiket input'a yapışık görünüyordu. */
.form-label {
    display: inline-block;
    margin-bottom: .5rem;
    font-weight: 500;
}

/* BS5 form-select = BS4 custom-select. Ok işareti dahil. */
.form-select {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    appearance: none;
}
.form-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
}
.form-select-sm { height: calc(1.8125rem + 2px); padding: .25rem 1.75rem .25rem .5rem; font-size: .875rem; }

.form-text { display: block; margin-top: .25rem; font-size: .875em; color: #6c757d; }


/* -------------------------------------------------------------- IZGARA ARASI */
/* BS5'te .g-* satır içi boşluğu ayarlar; BS4'te karşılığı yok.
   Form satırlarında alanların birbirine yapışmasının sebebi buydu. */
.row.g-0 > * { padding-right: 0; padding-left: 0; }
.row.g-1 > * { padding-right: .125rem; padding-left: .125rem; margin-bottom: .25rem; }
.row.g-2 > * { padding-right: .25rem;  padding-left: .25rem;  margin-bottom: .5rem; }
.row.g-3 > * { padding-right: .5rem;   padding-left: .5rem;   margin-bottom: 1rem; }
.row.g-4 > * { padding-right: .75rem;  padding-left: .75rem;  margin-bottom: 1.5rem; }
.row.g-5 > * { padding-right: 1.5rem;  padding-left: 1.5rem;  margin-bottom: 3rem; }

.row.gap-2 { gap: .5rem; }
.row.gap-3 { gap: 1rem; }
.gap-1 { gap: .25rem !important; }
.gap-2 { gap: .5rem !important; }
.gap-3 { gap: 1rem !important; }


/* ------------------------------------------------------------------- DÜZEN */
.d-grid { display: grid !important; }
.d-grid > .btn { width: 100%; }


/* --------------------------------------------------------------- YARDIMCI */
.small, small { font-size: .875em; }
.opacity-50 { opacity: .5 !important; }
.opacity-75 { opacity: .75 !important; }
.text-body-secondary { color: #6c757d !important; }