/* =====================================================================
   panel.css — Smarty arayüzünün MODERN KABUĞU ve PANEL sayfası (5 Eyl 2026)

   Kapsam bilerek dar: bütün kurallar `.kabuk` (yan menü + üst çubuk) ve
   `.pano` (Panel Anasayfa içeriği) altında. Eski sayfaların (adres, müşteri,
   görüşme…) kendi tablo düzenlerine DOKUNULMAZ; onlar `.kabuk-icerik`
   içinde eskisi gibi çizilir. left.tpl'deki "body,td,th Arial 12px" kuralı
   da eski sayfalar için olduğu gibi duruyor; burada yalnız kendi
   alanlarımızda yazı tipi belirleniyor.
   ===================================================================== */

:root {
  --k-lacivert: #0b3d6e;
  --k-lacivert-koyu: #082d52;
  --k-lacivert-acik: #e8f0fa;
  --k-sari: #f5b400;
  --k-zemin: #f3f5f9;
  --k-kart: #ffffff;
  --k-cizgi: #e3e8ef;
  --k-metin: #1f2937;
  --k-soluk: #6b7280;
  --k-yesil: #16a34a;
  --k-font: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

body.kabuk-govde {
  background: var(--k-zemin);
  overflow: auto;
}

/* ---------- Kabuk: yan menü + ana alan ---------- */
.kabuk {
  display: flex;
  min-height: 100vh;
  font-family: var(--k-font);
  color: var(--k-metin);
}

.kabuk-yan {
  flex: 0 0 236px;
  width: 236px;
  background: var(--k-lacivert);
  color: #fff;
  position: sticky;
  top: 0;
  height: 100vh;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  font-family: var(--k-font);
  font-size: 14px;
}

.kabuk-yan td,
.kabuk-yan th {
  font-family: var(--k-font);
  font-size: 13px;
}

.kabuk-logo {
  padding: 22px 20px 14px;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.kabuk-logo img {
  max-width: 150px;
  height: auto;
  filter: brightness(0) invert(1);
}

.kabuk-kullanici {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.kabuk-avatar {
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--k-sari);
  color: var(--k-lacivert-koyu);
  font-weight: 700;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.kabuk-kullanici-ad {
  font-weight: 600;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kabuk-kullanici-rol {
  font-size: 12px;
  opacity: 0.75;
}

/* Menü: index.php'nin ürettiği <ul id="menu"> markup'ı DEĞİŞMEDİ, yalnız görünüm */
.kabuk-yan ul#menu {
  padding: 10px 10px;
}

.kabuk-yan ul#menu li {
  margin: 2px 0;
}

.kabuk-yan ul#menu li a {
  background: transparent;
  color: rgba(255, 255, 255, 0.88);
  padding: 9px 12px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  transition: background 0.15s;
}

.kabuk-yan ul#menu li a:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}

.kabuk-yan ul#menu li a i {
  margin-right: 6px;
}

.kabuk-yan ul#menu li a .badge {
  background: var(--k-sari);
  color: var(--k-lacivert-koyu);
  margin-left: 4px;
}

.kabuk-yan ul#menu li ul {
  padding: 2px 0 4px 8px;
}

.kabuk-yan ul#menu li ul li a {
  background: transparent;
  color: rgba(255, 255, 255, 0.75);
  padding: 7px 12px 7px 20px;
  font-size: 13px;
  font-weight: 400;
}

.kabuk-yan ul#menu .deactive a:hover,
.kabuk-yan ul#menu .active a:hover {
  background: rgba(255, 255, 255, 0.12);
  border-left: 0;
  padding-left: 20px;
}

.kabuk-yan ul#menu .active {
  background: transparent;
  border-left: 0;
  padding-left: 0;
}

.kabuk-yan ul#menu .active > a {
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
  font-weight: 600;
}

/* Kimler sistemde: ajax "stay" ucu <tr>'ler basar, tablo kimliği korunur */
.kabuk-cevrimici {
  margin-top: auto;
  padding: 14px 14px 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.kabuk-cevrimici-baslik {
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.7;
  margin: 0 6px 8px;
}

.kabuk-yan #onlineUsers {
  width: 100%;
  border-collapse: collapse;
}

.kabuk-yan #onlineUsers td {
  background: transparent !important;
  color: #fff;
  padding: 5px 6px;
  font-size: 13px !important;
  border: 0;
}

.kabuk-yan #onlineUsers td div {
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.3);
}

.kabuk-yan #onlineUsers td div[style*="padding:8px"] {
  border-radius: 8px !important;
  box-shadow: none;
}

.kabuk-yan #onlineUsers a {
  color: var(--k-sari);
  font-size: 13px !important;
  margin-left: 4px;
  text-decoration: none;
}

.kabuk-yan #onlineUsers strong {
  font-weight: 600;
}

/* Ana alan */
.kabuk-ana {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.kabuk-ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 24px;
  background: var(--k-kart);
  border-bottom: 1px solid var(--k-cizgi);
  font-size: 14px;
}

.kabuk-ust-tarih {
  color: var(--k-soluk);
}

.kabuk-ust-tarih strong {
  color: var(--k-metin);
  font-weight: 600;
}

.kabuk-ust-sag {
  display: flex;
  align-items: center;
  gap: 14px;
}

.kabuk-ust-sag a {
  color: var(--k-lacivert);
  text-decoration: none;
  font-weight: 500;
  padding: 6px 12px;
  border: 1px solid var(--k-cizgi);
  border-radius: 8px;
  background: #fff;
}

.kabuk-ust-sag a:hover {
  background: var(--k-lacivert-acik);
}

.kabuk-icerik {
  flex: 1 1 auto;
  padding: 20px 24px 32px;
  overflow-x: auto; /* eski geniş tablolar sayfayı değil bu alanı kaydırır */
}

/* 6 Eyl 2026 — sahibin isteği: sayfalar tam genişlik; .pano/.gm/.mst/eski tablo üst sınırları kaldırıldı. */
/* ---------- Panel Anasayfa ---------- */
.pano {
  font-family: var(--k-font);
  font-size: 14px;
  color: var(--k-metin);
}

.pano-baslik {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
}

.pano-baslik h1 {
  font-size: 22px;
  font-weight: 700;
  margin: 0;
  color: var(--k-lacivert-koyu);
}

.pano-baslik p {
  margin: 4px 0 0;
  color: var(--k-soluk);
  font-size: 13px;
}

.pano-filtre {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 8px 12px;
  background: var(--k-kart);
  border: 1px solid var(--k-cizgi);
  border-radius: 10px;
}

.pano-filtre label {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  font-weight: 500;
  color: var(--k-soluk);
  font-size: 13px;
}

.pano-filtre select {
  font-family: var(--k-font);
  font-size: 14px;
  color: var(--k-metin);
  padding: 5px 8px;
  border: 1px solid var(--k-cizgi);
  border-radius: 8px;
  background: #fff;
  min-width: 70px;
}

.pano-filtre select:focus {
  outline: 2px solid var(--k-lacivert);
  outline-offset: 1px;
}

.pano-kartlar {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 16px;
  margin-bottom: 16px;
}

.kart {
  background: var(--k-kart);
  border: 1px solid var(--k-cizgi);
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.kart-baslik {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--k-cizgi);
}

.kart-baslik h2 {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: var(--k-lacivert-koyu);
}

.kart-etiket {
  font-size: 12px;
  font-weight: 600;
  color: var(--k-lacivert-koyu);
  background: #fff3c4;
  border: 1px solid #f5d76e;
  border-radius: 999px;
  padding: 2px 10px;
  white-space: nowrap;
}

.kart-satirlar {
  padding: 6px 0;
}

.kart-satir {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 90px 64px;
  align-items: center;
  gap: 10px;
  padding: 7px 16px;
}

.kart-satir:nth-child(even) {
  background: #fafbfd;
}

.kart-satir-ad {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
}

.kart-satir.sifir .kart-satir-ad {
  color: var(--k-soluk);
  font-weight: 400;
}

.kart-cubuk {
  height: 6px;
  background: var(--k-lacivert-acik);
  border-radius: 999px;
  overflow: hidden;
}

.kart-cubuk span {
  display: block;
  height: 100%;
  background: var(--k-lacivert);
  border-radius: 999px;
}

.kart-sayi {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.kart-sayi a {
  color: var(--k-lacivert);
  font-weight: 700;
  text-decoration: none;
  padding: 2px 8px;
  border-radius: 6px;
}

.kart-sayi a:hover {
  background: var(--k-lacivert-acik);
  text-decoration: none;
}

.kart-satir.sifir .kart-sayi a {
  color: var(--k-soluk);
  font-weight: 500;
}

.kart-toplam {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  padding: 10px 16px;
  border-top: 1px solid var(--k-cizgi);
  background: #fafbfd;
  border-radius: 0 0 12px 12px;
  font-weight: 600;
  color: var(--k-soluk);
}

.kart-toplam strong {
  color: var(--k-lacivert-koyu);
  font-variant-numeric: tabular-nums;
}

/* Müşteri durumları */
.kart-durum .kart-satirlar {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 0 24px;
  padding: 6px 0;
}

.kart-durum .kart-satir {
  grid-template-columns: minmax(0, 1fr) auto;
}

.kart-durum .kart-satir:nth-child(even) {
  background: transparent;
}

.kart-durum .kart-satir + .kart-satir {
  border-top: 1px solid var(--k-cizgi);
}

.kart-durum .kart-satir-ad {
  white-space: normal;
}

.kart-durum .kart-sayi a::after {
  content: " kayıt";
  font-weight: 400;
  color: var(--k-soluk);
  font-size: 12px;
}

.kart-toplam.buyuk {
  background: var(--k-lacivert);
  color: rgba(255, 255, 255, 0.85);
  font-size: 15px;
}

.kart-toplam.buyuk strong {
  color: #fff;
  font-size: 18px;
}

.pano-bos {
  padding: 16px;
  color: var(--k-soluk);
  text-align: center;
}

/* Dar ekran */
@media (max-width: 860px) {
  .kabuk {
    flex-direction: column;
  }

  .kabuk-yan {
    position: static;
    height: auto;
    width: auto;
    flex-basis: auto;
  }

  .kabuk-cevrimici {
    margin-top: 0;
  }

  .kabuk-icerik {
    padding: 14px;
  }
}
.gm-secenekler { position: relative; }
.gm-secenekler:empty { display: none; }
.gm-secenek { padding: 7px 10px; border: 1px solid var(--k-cizgi); border-top: 0; background: #fff; cursor: pointer; font-size: 14px; }
.gm-secenekler .gm-secenek:first-child { border-top: 1px solid var(--k-cizgi); border-radius: 8px 8px 0 0; }
.gm-secenekler .gm-secenek:last-child { border-radius: 0 0 8px 8px; }
.gm-secenek:hover { background: var(--k-lacivert-acik); }
.gm-secenek.bos { color: var(--k-soluk); cursor: default; }
.gm-secenek small { color: var(--k-soluk); }

/* ---------- Gayrimenkul ekranları (F3): formlar, süzgeç çubuğu, detay ---------- */
.gm { font-family: var(--k-font); font-size: 14px; color: var(--k-metin); }
.gm a { color: var(--k-lacivert); }
.gm-ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.gm-ust h1 { font-size: 22px; font-weight: 700; margin: 0; color: var(--k-lacivert-koyu); }
.gm-ust p { margin: 4px 0 0; color: var(--k-soluk); font-size: 13px; }
.gm-btn { display: inline-block; padding: 8px 14px; border-radius: 8px; border: 1px solid var(--k-cizgi); background: #fff; color: var(--k-lacivert); font-weight: 600; text-decoration: none; cursor: pointer; font-family: var(--k-font); font-size: 14px; line-height: 1.2; }
.gm-btn:hover { background: var(--k-lacivert-acik); text-decoration: none; color: var(--k-lacivert); }
.gm-btn.birincil { background: var(--k-lacivert); border-color: var(--k-lacivert); color: #fff; }
.gm-btn.birincil:hover { background: var(--k-lacivert-koyu); color: #fff; }
.gm-btn.tehlike { color: #b91c1c; }
.gm-filtre { display: flex; flex-wrap: wrap; gap: 8px; align-items: end; padding: 12px; background: var(--k-kart); border: 1px solid var(--k-cizgi); border-radius: 10px; margin-bottom: 16px; }
.gm-filtre label { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--k-soluk); font-weight: 500; margin: 0; }
.gm input[type="text"], .gm input[type="number"], .gm input[type="date"], .gm select, .gm textarea { font-family: var(--k-font); font-size: 14px; color: var(--k-metin); padding: 7px 9px; border: 1px solid var(--k-cizgi); border-radius: 8px; background: #fff; min-width: 0; width: 100%; box-sizing: border-box; }
.gm-filtre input[type="text"], .gm-filtre select { width: auto; min-width: 120px; }
.gm input:focus, .gm select:focus, .gm textarea:focus { outline: 2px solid var(--k-lacivert); outline-offset: 1px; }
.gm-tablo { width: 100%; border-collapse: collapse; background: var(--k-kart); border: 1px solid var(--k-cizgi); border-radius: 12px; overflow: hidden; }
.gm-tablo th { text-align: left; font-size: 12px; text-transform: uppercase; letter-spacing: 0.04em; color: var(--k-soluk); padding: 10px 12px; border-bottom: 1px solid var(--k-cizgi); background: #fafbfd; font-family: var(--k-font); }
.gm-tablo td { padding: 9px 12px; border-bottom: 1px solid var(--k-cizgi); vertical-align: middle; font-family: var(--k-font); font-size: 14px; }
.gm-tablo tr:last-child td { border-bottom: 0; }
.gm-tablo tr:hover td { background: #f6f8fc; }
.gm-tablo .sayi { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.gm-rozet { display: inline-block; font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 999px; border: 1px solid var(--k-cizgi); background: #f3f5f9; color: var(--k-metin); white-space: nowrap; vertical-align: middle; }
.gm-rozet.aktif, .gm-rozet.acik { background: #dcfce7; border-color: #86efac; color: #166534; }
.gm-rozet.opsiyon, .gm-rozet.beklemede { background: #fff3c4; border-color: #f5d76e; color: #7a5a00; }
.gm-rozet.satildi, .gm-rozet.eslesti { background: var(--k-lacivert-acik); border-color: #b9cfe8; color: var(--k-lacivert-koyu); }
.gm-rozet.iptal, .gm-rozet.kapandi { background: #f3f4f6; color: var(--k-soluk); }
.gm-rozet.firma { background: #ede9fe; border-color: #c4b5fd; color: #5b21b6; }
.gm-rozet.kira { background: #fef3c7; border-color: #fbbf24; color: #92400e; }
/* G6 — işlem aşaması + kira takvimi (8 Eyl 2026, Görev 8) */
.gm-asama { display: inline-block; padding: 2px 8px; border-radius: 10px; font-size: 11px; background: #eef2f7; color: #33475b; margin-left: 4px; }
.gm-asama-tamamlandi, .gm-asama-yururlukte { background: #e6f4ea; color: #1e7e34; }
.gm-asama-iptal { background: #fdecea; color: #b3261e; }
.gm-takvim { width: 100%; font-size: 12px; margin-top: 6px; }
.gm-takvim th { text-align: left; font-size: 11px; text-transform: uppercase; color: var(--k-soluk); padding: 4px 8px; }
.gm-takvim td { padding: 4px 8px; }
.gm-vade-odendi td { color: #1e7e34; }
.gm-vade-gecikti td { color: #b3261e; font-weight: 600; }
/* G4 — medya ve evrak (7 Eyl 2026) */
.gm-rozet.gizli { background: #fee2e2; border-color: #fca5a5; color: #991b1b; }
.gm-rozet.kapak { background: #dbeafe; border-color: #93c5fd; color: #1e40af; }
.gm-medya-duzen { white-space: nowrap; }
.gm-medya-duzen .gm-btn { padding: 2px 7px; font-size: 11px; margin-right: 3px; }
.gm-evrak { display: flex; flex-wrap: wrap; gap: 10px 22px; padding: 12px 16px; }
.gm-evrak-grup { min-width: 200px; }
.gm-evrak-grup h3 { margin: 0 0 6px; font-size: 13px; color: var(--k-metin); }
.gm-evrak-grup ul { list-style: none; margin: 0; padding: 0; font-size: 13px; }
.gm-evrak-grup li { padding: 1px 0; }
.gm-evrak-grup li.var { color: #166534; }
.gm-evrak-grup li.eksik { color: #991b1b; font-weight: 600; }
/* G5 — pazarlik zinciri (8 Eyl 2026) */
.gm-zincir { padding: 10px 16px; border-bottom: 1px solid var(--k-cizgi); }
.gm-zincir:last-of-type { border-bottom: 0; }
.gm-zincir-satir { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 4px 0 4px 14px; border-left: 2px solid var(--k-cizgi); font-size: 13px; }
.gm-zincir-satir + .gm-zincir-satir { margin-left: 14px; }
.gm-karsi-form { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 8px; padding: 8px 0 2px 14px; }
.gm-karsi-form input[type=text] { max-width: 160px; }
.gm-kartlar { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 16px; align-items: start; }
.gm-form-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; padding: 14px 16px; }
.gm-form-grid label { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--k-soluk); font-weight: 500; margin: 0; }
.gm-form-grid label.genis { grid-column: 1 / -1; }
.gm-form-grid .zorunlu::after { content: " *"; color: #b91c1c; }
.gm-form-grid small { font-weight: 400; }
.gm .gm-alanlar[hidden], .gm [hidden] { display: none !important; }
.gm-hata { background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; border-radius: 10px; padding: 10px 14px; margin-bottom: 14px; }
.gm-hata ul { margin: 4px 0 0 18px; padding: 0; }
.gm-bilgi { background: #ecfdf5; border: 1px solid #a7f3d0; color: #065f46; border-radius: 10px; padding: 10px 14px; margin-bottom: 14px; }
.gm-ozellik { display: grid; grid-template-columns: 150px 1fr; gap: 6px 12px; padding: 12px 16px; font-size: 14px; margin: 0; }
.gm-ozellik dt { color: var(--k-soluk); font-weight: 500; margin: 0; }
.gm-ozellik dd { margin: 0; }
.gm-gorusme { padding: 10px 16px; border-bottom: 1px solid var(--k-cizgi); }
.gm-gorusme:last-child { border-bottom: 0; }
.gm-gorusme-ust { display: flex; justify-content: space-between; gap: 8px; font-size: 12px; color: var(--k-soluk); margin-bottom: 4px; }
.gm-gorusme-metin { white-space: pre-wrap; }
.gm-eylemler { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px 16px; border-top: 1px solid var(--k-cizgi); background: #fafbfd; border-radius: 0 0 12px 12px; }
.gm .kart-baslik .gm-btn { padding: 5px 10px; font-size: 13px; }
.gm .pagination { margin: 12px 0 0; }
.gm-bos { padding: 24px; text-align: center; color: var(--k-soluk); }

/* ---------- Müşteri ekle/düzenle (5 Eyl 2026): iki sütun, sekmeler, kartlar ---------- */
.mst { }
.mst-ust-eylem { display: flex; gap: 8px; flex-wrap: wrap; }
.mst-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 16px; align-items: start; }
.mst-form { min-width: 0; }
.mst .kart + .kart { margin-top: 14px; }
/* Bootstrap 3 sekmeleri: davranış aynı (data-toggle), yalnız görünüm */
.mst .nav-tabs { border-bottom: 1px solid var(--k-cizgi); margin: 0 0 14px; display: flex; gap: 4px; }
.mst .nav-tabs > li { float: none; margin-bottom: -1px; }
.mst .nav-tabs > li > a { border: 0; border-bottom: 2px solid transparent; border-radius: 0; margin: 0; padding: 9px 14px; color: var(--k-soluk); font-weight: 500; font-family: var(--k-font); font-size: 14px; background: transparent; }
.mst .nav-tabs > li > a:hover { background: transparent; color: var(--k-lacivert); border-bottom-color: #c9d5e5; }
.mst .nav-tabs > li.active > a, .mst .nav-tabs > li.active > a:hover, .mst .nav-tabs > li.active > a:focus { border: 0; border-bottom: 2px solid var(--k-lacivert); color: var(--k-lacivert-koyu); font-weight: 600; background: transparent; }
.mst .nav-tabs .gm-rozet { margin-left: 4px; }
.mst input.form-control, .mst textarea.form-control { height: auto; box-shadow: none; }
.mst .gm-form-grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
.mst .gm-form-grid label { font-weight: 600; color: var(--k-metin); }
.mst .gm-form-grid label small { color: var(--k-soluk); font-weight: 400; }
.mst textarea.form-control { resize: vertical; min-height: 78px; }
.mst-yukle { padding: 14px 16px; border-bottom: 1px solid var(--k-cizgi); }
.mst-yukle label { display: flex; flex-direction: column; gap: 6px; font-size: 12px; color: var(--k-soluk); font-weight: 600; margin: 0 0 6px; }
.mst-yukle input[type="file"] { font-family: var(--k-font); font-size: 14px; padding: 8px; border: 1px dashed #b9cfe8; border-radius: 8px; background: #fafbfd; height: auto; width: 100%; box-shadow: none; }
.mst-yukle em { color: var(--k-soluk); font-size: 12px; }
.mst-resimler { display: flex; flex-wrap: wrap; gap: 12px; padding: 14px 16px; margin: 0; list-style: none; }
.mst-resimler:empty { display: none; }
.mst-resimler li { width: 108px; margin: 0; display: block; background: #fafbfd; border: 1px solid var(--k-cizgi); border-radius: 10px; padding: 4px; text-align: center; }
.mst-resimler li img { width: 100px; height: 100px; object-fit: cover; border-radius: 7px; display: block; box-shadow: none; }
.mst-resimler li .action { padding: 4px 0 2px; }
.mst-resimler li .action a { color: #b91c1c; font-size: 12px; font-weight: 600; text-decoration: none; }
.mst-resimler li .action a:hover { text-decoration: underline; }
.mst-eylemler { position: sticky; bottom: 0; display: flex; align-items: center; gap: 14px; margin-top: 14px; padding: 12px 16px; background: var(--k-kart); border: 1px solid var(--k-cizgi); border-radius: 12px; box-shadow: 0 -4px 16px rgba(16, 24, 40, 0.06); }
.mst-eylemler input[type="submit"] { width: auto; height: auto; min-width: 140px; padding: 10px 22px; font-size: 15px; box-shadow: none; }
.mst-ipucu { color: var(--k-soluk); font-size: 13px; }
.mst-yan { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.mst-yan .kart + .kart { margin-top: 0; }
.mst-tablo-sar { max-height: 440px; overflow-y: auto; }
.mst .gm-tablo { border: 0; border-radius: 0; }
.mst-adres th, .mst-adres td { text-align: center; padding: 7px 8px; }
.mst-adres td:last-child a { font-weight: 600; text-decoration: none; }
.mst-sms + .gm-bos { padding: 14px; font-size: 13px; }
.mst .kart-toplam { border-radius: 0 0 12px 12px; }
@media (max-width: 1100px) {
  .mst-duzen { grid-template-columns: 1fr; }
}

/* =====================================================================
   ESKİ SAYFA KABUĞU (5 Eyl 2026 gece) — adres, görüşme, hatırlatma,
   personel, mesaj, durum listeleri, hızlı düzenle, müşteri listesi.
   İLKE: markup'a ve davranışa DOKUNMADAN görünümü modernleştirir. Bütün
   kurallar `.kabuk-icerik` altında ve yalnız eski sayfaların kullandığı
   kalıpları (bgcolor palet değerleri, .form-control, .btn, fieldset,
   h1.baslik/cufon, .table, .ui-widget-*) hedefler. Müşteri RENK etiketi
   (bgcolor="#448206" gibi 28 renk) ANLAM taşır; ona dokunulmaz — yalnız
   arayüz kromu olan palet değerleri (#003366, #e7e7e7, #FFFFCC, …) ezilir.
   `.pano`, `.gm`, `.mst` kendi kurallarını taşır; buradaki seçiciler o
   sınıfları kullanmaz.
   ===================================================================== */
.kabuk-icerik { font-family: var(--k-font); font-size: 14px; color: var(--k-metin); line-height: 1.45; }
.kabuk-icerik td, .kabuk-icerik th { font-family: var(--k-font); font-size: 13.5px; }
.kabuk-icerik a { color: var(--k-lacivert); }
.kabuk-icerik a:hover { color: var(--k-lacivert-koyu); }
.kabuk-icerik strong, .kabuk-icerik b { font-weight: 600; }

/* Başlıklar: Cufon tuvali gizlenir, metin gerçek başlık olur (Cufon'un enjekte ettiği
   cufontext{display:none} kuralını !important ile ezer). */
.kabuk-icerik h1.baslik { font-size: 22px; font-weight: 700; color: var(--k-lacivert-koyu); margin: 0 0 16px; line-height: 1.3; font-family: var(--k-font); }
.kabuk-icerik h1.baslik cufon { display: inline !important; width: auto !important; height: auto !important; text-indent: 0 !important; }
.kabuk-icerik h1.baslik cufon canvas, .kabuk-icerik h1.baslik cufon cvs { display: none !important; }
.kabuk-icerik h1.baslik cufontext { display: inline !important; width: auto !important; height: auto !important; overflow: visible !important; text-indent: 0 !important; position: static !important; font: inherit; color: inherit; }
.kabuk-icerik h2, .kabuk-icerik h3 { font-family: var(--k-font); font-weight: 700; color: var(--k-lacivert-koyu); margin: 0 0 12px; }
.kabuk-icerik h2 { font-size: 20px; }
.kabuk-icerik h3 { font-size: 17px; }
.kabuk-icerik h4 { font-family: var(--k-font); font-size: 14px; color: var(--k-soluk); font-weight: 500; }
.kabuk-icerik p { font-family: var(--k-font); }

/* Form denetimleri */
.kabuk-icerik .form-control,
.kabuk-icerik input[type="text"], .kabuk-icerik input[type="password"], .kabuk-icerik input[type="email"],
.kabuk-icerik select, .kabuk-icerik textarea {
  font-family: var(--k-font); font-size: 14px; color: var(--k-metin); background: #fff;
  border: 1px solid #cfd8e3; border-radius: 8px; padding: 6px 9px; box-shadow: none; height: auto; line-height: 1.35;
}
.kabuk-icerik .form-control:focus, .kabuk-icerik input:focus, .kabuk-icerik select:focus, .kabuk-icerik textarea:focus {
  outline: 2px solid var(--k-lacivert); outline-offset: 1px; border-color: var(--k-lacivert); box-shadow: none;
}
.kabuk-icerik input[type="checkbox"], .kabuk-icerik input[type="radio"] { accent-color: var(--k-lacivert); width: 15px; height: 15px; vertical-align: middle; }
.kabuk-icerik input[type="file"] { font-family: var(--k-font); }
.kabuk-icerik label { font-weight: 500; }
.kabuk-icerik ::placeholder { color: #9aa3b2; }

/* Düğmeler: Bootstrap 3 sınıfları korunur, görünüm sözlüğe çekilir */
.kabuk-icerik .btn { font-family: var(--k-font); font-size: 14px; font-weight: 600; border-radius: 8px; padding: 8px 14px; line-height: 1.2; box-shadow: none; text-shadow: none; background-image: none; border: 1px solid var(--k-cizgi); background: #fff; color: var(--k-lacivert); transition: background 0.15s; }
.kabuk-icerik .btn:hover, .kabuk-icerik .btn:focus { background: var(--k-lacivert-acik); color: var(--k-lacivert); border-color: #b9cfe8; outline: none; }
.kabuk-icerik .btn-success, .kabuk-icerik .btn-primary { background: var(--k-lacivert); border-color: var(--k-lacivert); color: #fff; }
.kabuk-icerik .btn-success:hover, .kabuk-icerik .btn-success:focus, .kabuk-icerik .btn-primary:hover, .kabuk-icerik .btn-primary:focus { background: var(--k-lacivert-koyu); border-color: var(--k-lacivert-koyu); color: #fff; }
.kabuk-icerik .btn-danger { color: #b91c1c; border-color: #fecaca; background: #fff; }
.kabuk-icerik .btn-danger:hover, .kabuk-icerik .btn-danger:focus { background: #fef2f2; color: #991b1b; border-color: #fca5a5; }
.kabuk-icerik .btn-warning { color: #7a5a00; border-color: #f5d76e; background: #fff8dc; }
.kabuk-icerik .btn-warning:hover, .kabuk-icerik .btn-warning:focus { background: #fff3c4; color: #7a5a00; }
.kabuk-icerik .btn-info { color: var(--k-lacivert); }
.kabuk-icerik .btn.form-control { height: auto; }
.kabuk-icerik input[type="submit"]:not(.btn), .kabuk-icerik input[type="button"]:not(.btn), .kabuk-icerik button:not(.btn):not(.close) { font-family: var(--k-font); font-size: 14px; font-weight: 600; border-radius: 8px; padding: 8px 14px; border: 1px solid var(--k-lacivert); background: var(--k-lacivert); color: #fff; cursor: pointer; }
.kabuk-icerik .multiselect.btn { font-weight: 500; }
.kabuk-icerik .multiselect-container { border-radius: 10px; border: 1px solid var(--k-cizgi); box-shadow: 0 8px 24px rgba(16, 24, 40, 0.12); font-family: var(--k-font); }
.kabuk-icerik .multiselect-container > li > a > label { padding: 5px 20px 5px 36px; font-weight: 500; }

/* Tablolar — yalnız ARAYÜZ KROMU palet değerleri (müşteri renk etiketi dokunulmaz) */
.kabuk-icerik table { border-spacing: 0; }
.kabuk-icerik table[bgcolor="#e7e7e7" i], .kabuk-icerik table[bgcolor="#CCCCCC" i], .kabuk-icerik table[border="1"],
.kabuk-icerik table.users-contain-table, .kabuk-icerik table.table-bordered, .kabuk-icerik table[bordercolor] {
  background: var(--k-kart); border: 1px solid var(--k-cizgi); border-radius: 12px; border-collapse: separate; overflow: hidden;
}
/* 30 Eyl 2026 — ÖLÇÜLDÜ: yuvarlak köşe için konan overflow:hidden, tablonun İÇİNDE açılan
   çoklu seçim listesini kırpıyordu (/address "Müşteri Filtrele": menü 396–785 px, tablo 616 px'te bitiyor;
   "Kiraya Çıkarılan"dan sonraki seçenekler görünmüyordu). Liste açıkken o tabloda taşmaya izin verilir.
   `.kabuk-tasma` sınıfını kabuk.js koyar; `:has()` destekleyen tarayıcıda betiksiz de çalışır. */
/* Sınıf iki kez yazıldı: yuvarlak köşe kuralı `.kabuk-icerik table[bgcolor…]` (0,2,1) özgüllüğünde;
   tek sınıflı kural (0,2,0) ONU YENEMİYORDU — sonda ölçtü: sınıf konuyor ama tablo yine kırpıyordu. */
.kabuk-icerik .kabuk-tasma.kabuk-tasma { overflow: visible; }
.kabuk-icerik table:has(.btn-group.open) { overflow: visible; }
/* /address süz çubuğu */
.adres-suz-cubugu { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.adres-suz-ipucu { color: var(--k-soluk); font-size: 12px; }
.kabuk-icerik table[border="1"] td, .kabuk-icerik table[border="1"] th, .kabuk-icerik table.table-bordered td, .kabuk-icerik table.table-bordered th, .kabuk-icerik table[bordercolor] td { border: 0; border-bottom: 1px solid var(--k-cizgi); }
/* başlık hücreleri */
.kabuk-icerik td[bgcolor="#003366" i], .kabuk-icerik td[bgcolor="#2A7AD2" i], .kabuk-icerik td[bgcolor="#1E5593" i],
.kabuk-icerik td[bgcolor="#FF6600" i], .kabuk-icerik td[bgcolor="#006600" i], .kabuk-icerik td[bgcolor="#800000" i],
.kabuk-icerik td[bgcolor="#006699" i], .kabuk-icerik td[bgcolor="#0066cc" i], .kabuk-icerik td[bgcolor="#FFCC00" i],
.kabuk-icerik td[bgcolor="#9DEEFF" i], .kabuk-icerik td[bgcolor="#FFFFB0" i], .kabuk-icerik td[bgcolor="#FFD9D9" i],
.kabuk-icerik td[bgcolor="#C6FFC6" i], .kabuk-icerik tr[style*="#FFCC00" i] > td,
.kabuk-icerik tr.secilitablobaslik > td, .kabuk-icerik tr.ui-widget-header > th, .kabuk-icerik thead > tr > th, .kabuk-icerik table > thead > th {
  background: #eef2f8 !important; color: var(--k-lacivert-koyu) !important; font-weight: 600; font-size: 12.5px; letter-spacing: 0.02em;
  border: 0; border-bottom: 1px solid var(--k-cizgi); padding: 9px 10px; text-align: left; font-family: var(--k-font);
}
.kabuk-icerik td[bgcolor="#003366" i] *, .kabuk-icerik td[bgcolor="#2A7AD2" i] *, .kabuk-icerik td[bgcolor="#1E5593" i] *,
.kabuk-icerik td[bgcolor="#FF6600" i] *, .kabuk-icerik td[bgcolor="#006600" i] *, .kabuk-icerik td[bgcolor="#800000" i] *,
.kabuk-icerik td[bgcolor="#006699" i] *, .kabuk-icerik td[bgcolor="#0066cc" i] *, .kabuk-icerik tr.secilitablobaslik > td *,
.kabuk-icerik td[bgcolor="#FFCC00" i] * { color: inherit !important; font-family: var(--k-font); }
.kabuk-icerik td[bgcolor="#006699" i] a, .kabuk-icerik td[bgcolor="#0066cc" i] a { color: var(--k-lacivert) !important; }
.kabuk-icerik table[bgcolor="#0066cc" i] { background: transparent !important; color: var(--k-metin) !important; }
/* gövde hücreleri */
.kabuk-icerik td[bgcolor="#FFFFFF" i], .kabuk-icerik td[bgcolor="#FFF" i], .kabuk-icerik td[bgcolor="#DDEEFF" i],
.kabuk-icerik td[bgcolor="#FFFFCC" i], .kabuk-icerik td[bgcolor="#EEEEEE" i], .kabuk-icerik td[bgcolor="#E9E9E9" i],
.kabuk-icerik td[bgcolor="#ECFBFF" i], .kabuk-icerik td[bgcolor="#e7e7e7" i], .kabuk-icerik td[bgcolor="#f7f7f7" i],
.kabuk-icerik td[bgcolor="#FFF6BF" i] {
  background: #fff !important; border-bottom: 1px solid var(--k-cizgi); padding: 8px 10px; vertical-align: middle;
}
.kabuk-icerik td[bgcolor="#e7e7e7" i] a { font-weight: 600; text-decoration: none; }
.kabuk-icerik td[bgcolor="#e7e7e7" i] a:hover { text-decoration: underline; }
.kabuk-icerik td[style*="border-bottom" i] { border-bottom: 1px solid var(--k-cizgi) !important; padding: 8px 10px; }
.kabuk-icerik tr.tablosecili > td { padding: 8px 10px; }
.kabuk-icerik tr.tablosecili:hover > td { background: #f6f8fc; }
.kabuk-icerik table.users-contain-table td, .kabuk-icerik table.users-contain-table th, .kabuk-icerik table.table td, .kabuk-icerik table.table th { border: 0; border-bottom: 1px solid var(--k-cizgi); padding: 8px 10px; font-family: var(--k-font); }
.kabuk-icerik table.table { margin-bottom: 0; }
.kabuk-icerik table.users-contain-table tbody tr:last-child td, .kabuk-icerik table.table tbody tr:last-child td { border-bottom: 0; }
.kabuk-icerik table.users-contain-table tbody tr:hover td:not([bgcolor]), .kabuk-icerik table.table-bordered tbody tr:hover td:not([bgcolor]) { background: #f6f8fc; }
.kabuk-icerik table[bgcolor="#FFF6BF" i] { background: var(--k-lacivert-acik) !important; border-radius: 8px; }
.kabuk-icerik table[style*="#ffd423" i], .kabuk-icerik table[style*="#fff6bf" i] { background: #fafbfd !important; border: 1px solid var(--k-cizgi) !important; border-radius: 10px; }

/* Kutular: fieldset ve sarı/mavi bilgi şeritleri */
.kabuk-icerik fieldset { background: var(--k-kart) !important; border: 1px solid var(--k-cizgi) !important; border-radius: 12px; padding: 12px 14px; margin: 0 0 12px; color: var(--k-metin) !important; }
.kabuk-icerik fieldset table { width: 100%; }
.kabuk-icerik div[style*="#FFCC00" i], .kabuk-icerik div[style*="#FFC" i], .kabuk-icerik div[style*="#FC0" i] { background: var(--k-lacivert-acik) !important; color: var(--k-lacivert-koyu) !important; border-radius: 8px; padding: 6px 8px !important; }
.kabuk-icerik div[style*="background:#FFF" i] { border-radius: 8px; }
.kabuk-icerik #effect.ui-widget-content { background: var(--k-kart); border: 1px solid var(--k-cizgi); border-radius: 12px; padding: 10px 12px; width: auto !important; max-width: 100%; color: var(--k-metin); margin-bottom: 14px; }
.kabuk-icerik .ui-corner-all { border-radius: 12px; }
.kabuk-icerik .admenu { border: 1px solid var(--k-cizgi) !important; border-radius: 10px; background: #fafbfd; }
.kabuk-icerik .admenu li { padding: 2px 0; }
.kabuk-icerik .checkbox-inline { font-weight: 500; margin: 2px 10px 2px 0; }

/* Bootstrap kalıpları */
.kabuk-icerik .modal-content { border-radius: 14px; border: 1px solid var(--k-cizgi); box-shadow: 0 16px 48px rgba(16, 24, 40, 0.18); font-family: var(--k-font); }
.kabuk-icerik .modal-header { border-bottom: 1px solid var(--k-cizgi); padding: 14px 18px; }
.kabuk-icerik .modal-title { font-weight: 700; color: var(--k-lacivert-koyu); font-size: 16px; }
.kabuk-icerik .modal-footer { border-top: 1px solid var(--k-cizgi); background: #fafbfd; border-radius: 0 0 14px 14px; }
.kabuk-icerik .progress { border-radius: 8px; box-shadow: none; }
.kabuk-icerik .progress-bar { background: var(--k-lacivert); }
.kabuk-icerik .pagination > li > a, .kabuk-icerik .pagination > li > span { color: var(--k-lacivert); border-color: var(--k-cizgi); font-family: var(--k-font); }
.kabuk-icerik .pagination > .active > a, .kabuk-icerik .pagination > .active > span { background: var(--k-lacivert); border-color: var(--k-lacivert); }
.kabuk-icerik .pagination > li:first-child > a { border-radius: 8px 0 0 8px; }
.kabuk-icerik .pagination > li:last-child > a { border-radius: 0 8px 8px 0; }
.kabuk-icerik .input-append.date { display: inline-flex; align-items: center; gap: 6px; }
.kabuk-icerik .add-on { color: var(--k-soluk); }
.kabuk-icerik .datetimepicker { font-family: var(--k-font); border-radius: 10px; border: 1px solid var(--k-cizgi); box-shadow: 0 8px 24px rgba(16, 24, 40, 0.12); }
.kabuk-icerik .datetimepicker table tr td.active, .kabuk-icerik .datetimepicker table tr td.active:hover { background: var(--k-lacivert) !important; background-image: none; }
.kabuk-icerik .datetimepicker table tr td, .kabuk-icerik .datetimepicker table tr th { border-radius: 6px; }

/* Görüşme kayıtları (calling_records) ve eski satır kenarlıkları */
.kabuk-icerik tr[style*="border:1px solid" i] > td { border: 0 !important; border-bottom: 1px solid var(--k-cizgi) !important; }
.kabuk-icerik td[style*="border-left" i] { border-left: 0 !important; }

/* Eski sayfalarda genel boşluk */
.kabuk-icerik table[width="950"], .kabuk-icerik table[width="98%"] { width: 100%; }
.kabuk-icerik .eskicrm { vertical-align: middle; }

/* Yeniden yazılan küçük ekranların ortak parçaları (gm sözlüğü üstüne) */
.gm-harfler { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
.gm-harfler a { display: inline-block; min-width: 34px; text-align: center; padding: 6px 8px; border: 1px solid var(--k-cizgi); border-radius: 8px; background: #fff; font-weight: 600; text-decoration: none; color: var(--k-lacivert); }
.gm-harfler a:hover { background: var(--k-lacivert-acik); text-decoration: none; }
.gm-harfler a.hepsi { min-width: 0; padding-left: 12px; padding-right: 12px; }
.gm-arama { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 14px; }
.gm-arama input[type="text"] { width: 320px; max-width: 100%; }
.gm-satirlar { display: flex; flex-direction: column; }
.gm-satir { display: flex; align-items: center; gap: 8px; padding: 10px 16px; border-bottom: 1px solid var(--k-cizgi); margin: 0; }
.gm-satir:last-child { border-bottom: 0; }
.gm-satir input[type="text"] { flex: 1 1 auto; }
.gm-form-satir { display: flex; flex-wrap: wrap; align-items: end; gap: 10px; padding: 14px 16px; }
.gm-form-satir label { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--k-soluk); font-weight: 500; margin: 0; flex: 1 1 260px; }
.gm-onay { display: flex; flex-wrap: wrap; gap: 6px 4px; padding: 10px 16px; border-bottom: 1px solid var(--k-cizgi); }
.gm-onay .checkbox-inline { margin: 0; padding: 4px 10px 4px 26px; border: 1px solid var(--k-cizgi); border-radius: 999px; background: #fafbfd; font-size: 13px; position: relative; }
.gm-onay .checkbox-inline input { position: absolute; left: 8px; top: 6px; margin: 0; }
.gm-onay .checkbox-inline + .checkbox-inline { margin-left: 0; }
.gm-mesaj-govde { padding: 16px; white-space: pre-wrap; line-height: 1.6; }
.gm-mesaj-ust { display: flex; flex-wrap: wrap; gap: 6px 16px; padding: 12px 16px; border-bottom: 1px solid var(--k-cizgi); color: var(--k-soluk); font-size: 13px; }
.gm-mesaj-ust strong { color: var(--k-lacivert-koyu); }

/* Sözleşme şablonu değişken paleti (G7 Görev 8) — modules/sozlesme_module.php + theme/sozlesme_duzenle.tpl */
.gm-degisken-paleti { display: flex; flex-wrap: wrap; gap: 6px; padding: 12px 16px; border-top: 1px solid var(--k-cizgi); flex-basis: 100%; }
.gm-degisken { border: 1px solid var(--k-cizgi); background: #fafbfd; border-radius: 999px; padding: 5px 10px; font-size: 12px; cursor: pointer; font-family: var(--k-font); color: var(--k-metin); }
.gm-degisken:hover { background: var(--k-lacivert-acik); }
.gm-degisken code { color: var(--k-soluk); margin-left: 4px; }
.gm-cekirdek { display: inline-block; margin-left: 4px; padding: 1px 6px; border-radius: 999px; background: var(--k-lacivert); color: #fff; font-size: 10px; text-transform: uppercase; }
.gm-konu { font-weight: 600; }
.gm-konu-alt { color: var(--k-soluk); font-size: 13px; margin-top: 2px; white-space: pre-wrap; }
.gm-eylem-baglanti { color: #b91c1c !important; font-weight: 600; }
.gm .admenu { height: 400px; overflow: auto; }
.gm-404 { max-width: 560px; margin: 40px auto; text-align: center; padding: 32px; }
.gm-404 h2 { margin-bottom: 8px; }
.gm-filtre .gm-etiket, .gm-form-grid .gm-etiket { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--k-soluk); font-weight: 500; }
/* Adres kartı: sağdaki bilgi sütunu (Kimlik/Vekalet/Adres/Banka) ezilmesin — alan taşarsa içerik alanı yatay kayar */
.kabuk-icerik td[width="473"] { min-width: 473px; background: #fff !important; border-left: 1px solid var(--k-cizgi); }
/* Süzgeç çubukları (adres filtre / hızlı düzenle): tek satıra dizilmiş 12 hücre yerine saran şerit */
.kabuk-icerik #effect > table > tbody > tr:first-child table tr { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; }
.kabuk-icerik #effect > table > tbody > tr:first-child table td { display: block; padding: 2px 0; }
.kabuk-icerik #effect > table > tbody > tr:first-child table td > strong { display: inline-block; margin-right: 4px; color: var(--k-soluk); font-size: 12.5px; }
/* Adres kartı sağ sütunu: müşteri seçilene kadar boş — saydam kalsın, dolunca iç tablolar kart olsun */
.kabuk-icerik td[width="473"] { background: transparent !important; border-left: 0; padding-left: 12px; }
.kabuk-icerik #table_detail, .kabuk-icerik #armutlu_ihlas { background: #fff; border: 1px solid var(--k-cizgi); border-radius: 12px; padding: 8px; }
.kabuk-icerik #armutlu_ihlas:empty { display: none !important; }
/* Cufon, sardığı cufon/cufontext öğelerine 1px yazı boyu verir (ölçüldü: h1 1px yüksekliğe düşüyordu) */
.kabuk-icerik h1.baslik cufon, .kabuk-icerik h1.baslik cufontext { font-size: inherit !important; line-height: inherit !important; font-family: inherit !important; }
/* Adres süzgeci: iki yarı (kişi / devremülk ölçütleri) 1500 px altında üst üste, yatay kaydırma olmasın.
   30 Eyl 2026 akşam — kural önce `tr:nth-child(2)`ye bağlıydı; Süz satırı araya girince iki yarı 3. satıra
   kaydı, kural tutmadı ve sağ yarı 1280 px'te 277 px taştı (sahip: "ekran sağa kaymış"). Artık satır sırasına
   değil hücreye bağlı: bu seviyede width="50%" hücresi yalnız iki yarının satırında var. */
@media (max-width: 1500px) {
  .kabuk-icerik #effect > table > tbody > tr > td[width="50%"] { display: block; width: auto !important; }
  .kabuk-icerik #effect > table > tbody > tr > td[width="50%"] + td[width="50%"] { margin-top: 10px; }
}
/* Adres kartı: "Hatırlatma Ekle" kırmızı şeridi → sakin düğme şeridi */
.kabuk-icerik table#table_remind { border: 0; width: auto; background: transparent; }
.kabuk-icerik td[bgcolor="red" i] { background: var(--k-lacivert-acik) !important; border-radius: 8px; padding: 8px 14px; }
.kabuk-icerik td[bgcolor="red" i] * { color: var(--k-lacivert) !important; font-family: var(--k-font); }

/* ---------- Hatırlatma zili (index.tpl #zil) ve atama rozetleri (6 Eyl 2026) ---------- */
.zil { position: relative; }
.zil-dugme { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 36px; border: 1px solid var(--k-cizgi); border-radius: 8px; background: #fff; color: var(--k-lacivert); cursor: pointer; padding: 0; }
.zil-dugme:hover { background: var(--k-lacivert-acik); }
.zil-dugme.var { color: #b45309; border-color: #f5d76e; background: #fff8dc; }
.zil-sayi { position: absolute; top: -6px; right: -6px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: #dc2626; color: #fff; font-size: 11px; font-weight: 700; line-height: 18px; text-align: center; font-family: var(--k-font); }
.zil-sayi[hidden] { display: none; }
.zil-panel { position: absolute; right: 0; top: 44px; width: 360px; max-width: calc(100vw - 32px); background: var(--k-kart); border: 1px solid var(--k-cizgi); border-radius: 12px; box-shadow: 0 16px 40px rgba(16, 24, 40, 0.16); z-index: 1200; font-family: var(--k-font); font-size: 14px; color: var(--k-metin); text-align: left; }
.zil-panel[hidden] { display: none; }
.zil-baslik { display: flex; justify-content: space-between; align-items: center; padding: 10px 14px; border-bottom: 1px solid var(--k-cizgi); font-weight: 700; color: var(--k-lacivert-koyu); }
.zil-baslik a { font-weight: 500; font-size: 12px; padding: 2px 8px; border: 0; }
.zil-liste { max-height: 420px; overflow-y: auto; }
.zil-satir { display: block; padding: 9px 14px; border-bottom: 1px solid var(--k-cizgi); text-decoration: none; color: var(--k-metin); }
.zil-satir:last-child { border-bottom: 0; }
.zil-satir:hover { background: #f6f8fc; text-decoration: none; }
.zil-satir.yeni { background: #fffbea; }
.zil-satir.yeni .zil-konu::before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #d97706; margin-right: 6px; vertical-align: middle; }
.zil-konu { display: block; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.zil-alt { display: block; font-size: 12px; color: var(--k-soluk); margin-top: 2px; }
.zil-alt b { color: #b91c1c; }
.zil-alt em { color: #b45309; font-style: normal; font-weight: 600; }
.zil-daha { text-align: center; color: var(--k-lacivert); font-weight: 600; }
.zil-bos { padding: 18px 14px; color: var(--k-soluk); text-align: center; }
/* 6 Eyl 2026 — üst çubuk posta kutusu (index.tpl #posta): zil sınıflarını paylaşır */
#postaDugme.var { color: var(--k-lacivert); border-color: #7dd3fc; background: #e0f2fe; }
.posta-panel { width: 420px; }
.posta-baslik-eylem { display: flex; gap: 6px; }
.posta-form { padding: 10px 14px; border-bottom: 1px solid var(--k-cizgi); display: flex; flex-direction: column; gap: 8px; background: #f8fafc; }
.posta-form[hidden] { display: none; }
.posta-kime-ust { display: flex; justify-content: space-between; align-items: center; font-size: 12px; font-weight: 600; color: var(--k-soluk); }
.posta-kime-ust a { font-size: 12px; }
.posta-kisiler { padding: 4px 0 0; border-bottom: 0; max-height: 120px; overflow-y: auto; }
.posta-kisiler .checkbox-inline { font-size: 12px; margin: 0; }
.posta-form .form-control { font-size: 13px; }
.posta-form-alt { display: flex; align-items: center; gap: 10px; }
.posta-durum { font-size: 12px; color: var(--k-soluk); }
.posta-durum.tamam { color: #166534; font-weight: 600; }
.posta-durum.hata { color: #b91c1c; font-weight: 600; }
.gm-tablo tr.msj-yeni .gm-konu { font-weight: 700; }
.gm-rozet.msj-yeni { background: #e0f2fe; border-color: #7dd3fc; color: #075985; margin-left: 6px; }
.gm-onay-kutu { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--k-metin); font-weight: 500; margin: 0; padding-bottom: 8px; }
.gm-onay-kutu input { width: 15px; height: 15px; accent-color: var(--k-lacivert); margin: 0; }
.hat-kime { padding: 4px 16px 10px; }
.hat-kime-baslik { font-size: 13px; font-weight: 600; color: var(--k-metin); margin-bottom: 6px; }
.hat-kime-baslik small { color: var(--k-soluk); font-weight: 400; }
.hat-kime .gm-onay { padding: 0; border-bottom: 0; }
.hat-kisi { background: #fff3c4; border-color: #f5d76e; color: #7a5a00; }
.hat-kisi.gordu { background: #dcfce7; border-color: #86efac; color: #166534; }
.hat-eylem { font-size: 12px; font-weight: 600; margin-left: 4px; white-space: nowrap; }
tr.hat-bitti .gm-konu, tr.hat-bitti .gm-konu-alt { color: var(--k-soluk); text-decoration: line-through; }
/* 6 Eyl 2026 (2) — hatırlatma formunda müşteri seçici */
.hat-musteri { position: relative; display: flex; flex-direction: column; gap: 6px; }
.hat-musteri-secili { display: flex; align-items: center; gap: 8px; }
.hat-musteri-rozet { font-size: 13px; font-weight: 600; background: #e0f2fe; border-color: #7dd3fc; color: #075985; }
.hat-musteri-sonuc { position: absolute; top: 100%; left: 0; right: 0; z-index: 30; max-height: 280px; overflow-y: auto; background: #fff; border: 1px solid var(--k-cizgi, #d6dbe3); border-radius: 8px; box-shadow: 0 8px 24px rgba(15,23,42,.12); }
.hat-musteri-satir { display: flex; justify-content: space-between; gap: 8px; padding: 8px 12px; color: var(--k-metin); text-decoration: none; border-bottom: 1px solid #f1f5f9; }
.hat-musteri-satir:hover { background: #f8fafc; text-decoration: none; }
.hat-musteri-satir span { color: var(--k-soluk); font-size: 12px; white-space: nowrap; }
.hat-musteri-bos { padding: 8px 12px; color: var(--k-soluk); font-size: 12px; }
.hat-musteri-ad { font-weight: 600; }
.gm-soluk { color: var(--k-soluk); }

/* 6 Eyl 2026 — gayrimenkul/talep formlarında hızlı müşteri ekleme (#gmHizli) */
.gm-hizli { margin-top: 8px; padding: 10px 12px; border: 1px dashed #7dd3fc; border-radius: 10px; background: #f0f9ff; font-weight: 400; }
.gm-hizli[hidden] { display: none; }
.gm-hizli-baslik { font-size: 13px; font-weight: 600; color: var(--k-lacivert-koyu); margin-bottom: 8px; }
.gm-hizli-baslik small { font-weight: 400; color: var(--k-soluk); }
.gm-hizli-satir { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.gm-hizli-satir input { flex: 1 1 180px; min-width: 140px; }
.gm-hizli-uyari { margin-top: 8px; padding: 8px 10px; border-radius: 8px; background: #fff7ed; border: 1px solid #fdba74; color: #9a3412; font-size: 13px; }
.gm-hizli-uyari[hidden] { display: none; }
.gm-hizli-uyari a { font-weight: 600; margin-left: 4px; }
.gm-hizli-durum { margin-top: 6px; font-size: 12px; color: var(--k-soluk); }
.gm-hizli-durum.tamam { color: #166534; font-weight: 600; }
.gm-hizli-durum.hata { color: #b91c1c; font-weight: 600; }
.gm-secenek.gm-hizli-ekle { background: #f0f9ff; color: var(--k-lacivert); }
/* Sahip/alıcı satırı: arama kutusu + düğmeler yan yana (6 Eyl 2026) */
.gm-sahip-satir { display: flex; gap: 8px; align-items: flex-start; flex-wrap: wrap; }
.gm-sahip-arama { flex: 1 1 320px; min-width: 240px; position: relative; }
.gm-sahip-arama input { width: 100%; }
.gm-sahip-btn { white-space: nowrap; font-weight: 600; text-decoration: none; }

/* 6 Eyl 2026 (denetim A1) — silme bağlantıları POST'a çevrildi; görünüm aynı kalsın. */
[data-silme] { cursor: pointer; }
a[data-silme] { text-decoration: underline; }
.silme-bosluk { margin-left: 3px; }

/* 6 Eyl 2026 — panel gayrimenkul kartındaki ikincil bilgi (ofis stoğu, açık talep). */
.pano-ipucu { color: var(--k-soluk); font-weight: 400; font-size: 12px; }

/* 13 Eyl 2026 — Kiralık Bilgisi + Kiralık Notlar (theme/address.tpl, theme/kiralik.tpl). */
.kiralik .kart { padding-bottom: 12px; }
/* 30 Eyl 2026 — Kiralıklar kapsamı: ilanı olan VEYA "Kiraya Çıkarılan" işaretli devremülkler.
   Sayı belirgin, ilansız satır işaretli, başlıktan sıralama. */
.kiralik-sayi { margin: 4px 0 0; font-size: 15px; color: var(--k-metin); }
.kiralik-sayi strong { font-size: 17px; color: var(--k-lacivert-koyu); }
.kiralik-kapsam { margin: 2px 0 0; color: var(--k-soluk); font-size: 12px; }
.gm-rozet.uyari { background: #fef3c7; border-color: #fbbf24; color: #92400e; }
.gm-tablo tr.kiralik-ilansiz td { background: #fffdf5; }
.kiralik-sirala { color: inherit; text-decoration: none; border-bottom: 1px dotted var(--k-cizgi); }
.kiralik-sirala.etkin { color: var(--k-lacivert-koyu); border-bottom: 2px solid var(--k-lacivert-koyu); }
.kiralik-kunye { color: var(--k-soluk); font-size: 12px; margin-top: 6px; }
.kiralik-not { border-top: 1px solid var(--k-cizgi); padding: 10px 0 6px; }
.kiralik-not:first-of-type { margin-top: 10px; }
.kiralik-not-ust { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 4px; }
.kiralik-tarih { color: var(--k-soluk); font-size: 12px; }
.kiralik-hatirlat { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; }
.kiralik-hatirlat input { height: 28px; }
.kiralik-not-metin { line-height: 1.5; word-break: break-word; }
.kiralik-not-metin p { margin: 0 0 6px; }
.gm-rozet.kiralik-ilan-oncesi { background: #fff3c4; border-color: #f5d76e; color: #7a5a00; }

/* 14 Eyl 2026 — KİRALIK VER kartı (theme/address.tpl). */
.kiralik-ver-dugme { list-style: none; display: inline-block; }
.kiralik-ver-dugme::-webkit-details-marker { display: none; }
#kiralikVerKutu[open] .kiralik-ver-dugme { margin-bottom: 8px; }

/* =====================================================================
   DUYARLI KABUK — Parça 1 (14 Eyl 2026; 15 Eyl 2026 son bütün-dal incelemesi düzeltmeleri: D1–D3, D6)
   Tasarım: docs/superpowers/specs/2026-09-14-responsive-tasarim-design.md §3–4
   Kırılma: telefon < 768 · tablet 768–1279 · masaüstü ≥ 1280 (masaüstü bugünkü gibi).
   Bu bölüm dosyanın SONUNDA: üstteki 860 px kuralını (menüyü içeriğin üstüne yığan) ezer.

   D2 — kapsam: index.tpl'deki kabuk kapsayıcısı artık `.kabuk kabuk-duyarli`. Aşağıdaki kurallardan eski
   işaretlemede de VAR OLAN öğelere (.kabuk, .kabuk-yan, .kabuk-ust, .kabuk-ust-tarih/kullanici/cikis,
   .kabuk-icerik, .kabuk-cevrimici, ul#menu li a, .zil-dugme, .zil-panel, .posta-panel, .mst-eylemler,
   16 px girdi kuralı, html.cekmece-acik .kabuk-yan) dokunanlar `.kabuk-duyarli` ile kapsamlanır — yarım
   yükleme/geri alma + Cloudflare önbelleği yüzünden yeni panel.css eski markup'la karşılaşırsa (ne
   kabuk-duyarli sınıfı ne #kabukMenuAc/#kabukSekmeler/#kabukPerde var), bu kurallar HİÇ eşleşmez ve
   .kabuk-yan üstteki eski 860 px kuralına (satır ~519) düşer, ekran dışında kalmaz. Yalnız yeni
   işaretlemede var olan öğeler (.kabuk-menu-dugme, .kabuk-ust-baslik, .kabuk-sekmeler, .kabuk-sekme,
   .kabuk-perde, .kabuk-yan-kapat) kapsamsız kalabilir. */
.kabuk-menu-dugme, .kabuk-ust-baslik, .kabuk-sekmeler, .kabuk-perde, .kabuk-yan-kapat { display: none; }

@media (max-width: 1279.98px) {
  /* D5 (son bütün-dal incelemesi, ÖNCE ÖLÇÜLDÜ — sonda D5(b): girişten sonraki ilk sayfada hem animasyon
     sürerken hem bittikten sonra KIRMIZI çıktı): animate.css .animated{animation-fill-mode:both} + bounceInDown
     birlikte #container'a kalıcı bir transform bırakıyor (fill-mode:both animasyon bitince de son kareyi
     tutuyor) → Chromium bunu position:fixed torunları (alt sekme çubuğu, perde, çekmece) için içeren blok
     sayıyor, onlar görünüm alanına değil #container'a bağlanıyor. #container ESKİ işaretlemede de var
     (Global Constraints — kimliği değişmez); kapsamlama gerekmiyor, eski işaretlemede de aynı hatayı düzeltir. */
  #container.animated { animation: none; }
  .kabuk-duyarli { flex-direction: column; }
  .kabuk-duyarli .kabuk-yan { position: fixed; top: 0; bottom: 0; left: 0; z-index: 1300; width: min(300px, 86vw); height: auto; flex-basis: auto; transform: translateX(-105%); transition: transform 0.2s ease; }
  html.cekmece-acik .kabuk-duyarli .kabuk-yan { transform: none; box-shadow: 0 0 40px rgba(0, 0, 0, 0.35); }
  .kabuk-perde { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1250; background: rgba(8, 45, 82, 0.45); }
  .kabuk-perde[hidden] { display: none; }
  html.cekmece-acik, html.cekmece-acik body { overflow: hidden; }
  .kabuk-yan-kapat { display: inline-flex; align-items: center; justify-content: center; position: absolute; top: 10px; right: 10px; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 10px; background: rgba(255, 255, 255, 0.12); color: #fff; cursor: pointer; }
  .kabuk-duyarli .kabuk-yan ul#menu li a { display: flex; align-items: center; min-height: 44px; }
  .kabuk-duyarli .kabuk-cevrimici { margin-top: auto; }

  /* D1 (son bütün-dal incelemesi) — Bootstrap 3 .modal z-index 1050 / backdrop 1040. body.modal-open iken
     üst çubuğu (1200) ve alt sekme çubuğunu (1150) pencerenin ALTINA indir: aksi halde açık pencerenin
     başlığını/×'ini üst çubuk, altını sekme çubuğu örter ve altlarındaki ☰/sekmeler tıklanabilir kalırdı
     (#myModal, #myTalkModal — theme/address.tpl). */
  body.modal-open .kabuk-duyarli .kabuk-ust, body.modal-open .kabuk-sekmeler { z-index: 1030; }

  /* z-index 1200: sticky + z-index yığın bağlamı açar; içindeki zil/posta paneli (telefonda alttan açılan) bu değeri
     aşamaz → sekme çubuğunun (1150) ÜSTÜNDE, perdenin (1250) ve çekmecenin (1300) ALTINDA olmalı. */
  .kabuk-duyarli .kabuk-ust { position: sticky; top: 0; z-index: 1200; padding: 8px 12px; gap: 8px; }
  .kabuk-menu-dugme { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 44px; height: 44px; padding: 0; border: 1px solid var(--k-cizgi); border-radius: 10px; background: #fff; color: var(--k-lacivert); cursor: pointer; }
  .kabuk-ust-baslik { display: block; flex: 1 1 auto; min-width: 0; font-size: 16px; font-weight: 700; color: var(--k-lacivert-koyu); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .kabuk-duyarli .kabuk-ust-tarih, .kabuk-duyarli .kabuk-ust-kullanici, .kabuk-duyarli .kabuk-ust-cikis { display: none; }
  .kabuk-ust-sag { gap: 8px; }
  .kabuk-duyarli .zil-dugme { width: 44px; height: 44px; }

  /* D6 (ucuz düzeltme) — env() destekleyen ikinci bildirim eski tarayıcıda atlanır, birincisiyle kalır. */
  .kabuk-duyarli .kabuk-icerik { padding: 14px 14px 84px; padding: 14px 14px calc(84px + env(safe-area-inset-bottom)); }

  .kabuk-sekmeler { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 1150; padding: 0 4px; padding: 0 4px env(safe-area-inset-bottom); background: var(--k-kart); border-top: 1px solid var(--k-cizgi); box-shadow: 0 -4px 16px rgba(16, 24, 40, 0.06); }
  .kabuk-sekme { flex: 1 1 0; min-width: 0; min-height: 60px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; padding: 6px 2px; border: 0; background: transparent; color: var(--k-soluk); font-family: var(--k-font); font-size: 11px; font-weight: 600; line-height: 1.2; text-decoration: none; cursor: pointer; }
  .kabuk-sekme span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .kabuk-sekme:hover, .kabuk-sekme:focus-visible { color: var(--k-lacivert); text-decoration: none; }
  .kabuk-sekme.etkin { color: var(--k-lacivert); }
  .kabuk-sekme.etkin svg { stroke-width: 2.6; }

  /* yapışkan kaydet şeritleri alt sekme çubuğunun ÜSTÜNDE durur */
  .kabuk-duyarli .mst-eylemler { bottom: calc(64px + env(safe-area-inset-bottom)); }

  /* D3 (son bütün-dal incelemesi, 4b) — kabuk.js yüklenemezse (footer.tpl onerror) menüye çekmece
     olmadan da ulaşılsın: aside akışa döner, çalışmayan ☰/Diğer düğmeleri gizlenir. */
  html.kabuk-yok .kabuk-duyarli .kabuk-yan { position: static; transform: none; width: auto; height: auto; }
  html.kabuk-yok .kabuk-menu-dugme, html.kabuk-yok #kabukDiger { display: none; }
}

@media (max-width: 767.98px) {
  /* zil ve posta panelleri telefonda ekranın altından tam genişlik */
  .kabuk-duyarli .zil-panel, .kabuk-duyarli .posta-panel { position: fixed; top: auto; right: 0; bottom: 0; left: 0; width: auto; max-width: none; max-height: 80vh; overflow-y: auto; border-radius: 16px 16px 0 0; z-index: 1400; }
  /* iOS odaklanınca 16 px'ten küçük yazıda ekranı büyütür. !important: eski şablonlarda satır içi font-size'lar var. */
  .kabuk-duyarli input[type="text"], .kabuk-duyarli input[type="number"], .kabuk-duyarli input[type="date"], .kabuk-duyarli input[type="email"],
  .kabuk-duyarli input[type="tel"], .kabuk-duyarli input[type="password"], .kabuk-duyarli input[type="search"], .kabuk-duyarli input[type="url"],
  .kabuk-duyarli input[type="time"], .kabuk-duyarli input[type="datetime-local"], .kabuk-duyarli input[type="month"], .kabuk-duyarli input[type="week"],
  .kabuk-duyarli input:not([type]), .kabuk-duyarli select, .kabuk-duyarli textarea { font-size: 16px !important; }
}