/* =====================================================================
   style.css — Ortak (paylaşılan) stiller
   Periyodik Kontrol SaaS — Frontend modernizasyonu (Faz 1)

   Bu dosya, birden fazla şablonda birebir tekrarlanan CSS bloklarını
   tek yerde toplar. Sayfaya özel stiller ilgili şablonun
   {% block styles %} bloğunda kalmaya devam eder.
   ===================================================================== */

/* ---------------------------------------------------------------------
   Ortak tasarım değişkenleri (marka renkleri)
   Şablonlarda dağınık kullanılan #0d3b66 / #1d6fb8 tonları buradan.
   --------------------------------------------------------------------- */
:root {
  --marka-koyu: #0d3b66;
  --marka-acik: #1d6fb8;
  --marka-gradyan: linear-gradient(135deg, #0d3b66, #1d6fb8);
  --zemin-acik: #f4f6f9;
  --zemin-gri: #eef1f6;
  --kenarlik: #e3e8ef;
}

/* Marka gradyanlı başlık barı — birden çok sayfada tekrar eden desen.
   (.baslik-bar ve .ust yerine ortak kullanılabilir; mevcut sınıflar korunur.) */
.marka-gradyan { background: var(--marka-gradyan); color: #fff; }

/* ---------------------------------------------------------------------
   MOBİL YATAY TAŞMA KORUMASI
   Bu blok 9 farklı şablonda birebir kopyalanmıştı; tek yere alındı.
   (cihazlarim, dof_panel, dof_yonet, finans_dashboard, is_emri_detay,
    islerim, musteri_dof, yonetim, yonetim_cihazlar)
   --------------------------------------------------------------------- */
* { box-sizing: border-box; }

html, body {
  max-width: 100%;
  overflow-x: hidden;
}

img, svg {
  max-width: 100%;
  height: auto;
}

@media (max-width: 768px) {
  table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .form-control, .form-select {
    font-size: 16px;      /* iOS zoom engelleme */
    min-height: 44px;     /* dokunma hedefi */
  }
  .input-group { flex-wrap: wrap; }
  .input-group > .form-control,
  .input-group > .form-select { min-width: 0; }
  .row > [class*="col-lg"],
  .row > [class*="col-xl"] { flex: 0 0 100%; max-width: 100%; }
}