/* ── CRM: kanban, zaman çizelgesi, aşama noktası (SPEC §3.3) ─────────────
   erp.css'in değişkenlerini kullanır; _duzen bu dosyayı erp.css'ten sonra
   yükler. JS yok: sütunlar yatay kaydırılır, telefonda alt alta düşer. */

/* Kanban: sütun başına en az 260 px, fazlası yatay kaydırma. */
.kanban {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(260px, 1fr);
  gap: .8rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: .5rem;
  scroll-snap-type: x proximity;
  align-items: start;
}
.kanban__sutun {
  --asama-renk: var(--marka);
  background: var(--kart-2);
  border: 1px solid var(--cizgi);
  border-top: 4px solid var(--asama-renk);
  border-radius: var(--r);
  padding: .65rem;
  min-width: 0;
  scroll-snap-align: start;
}
.kanban__bas { margin-bottom: .55rem; }
.kanban__ad { font-size: 1rem; margin: 0; display: flex; align-items: center; gap: .4rem; }
.kanban__adet {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 22px; height: 22px; padding: 0 .4rem; border-radius: var(--r-tam);
  background: var(--asama-renk); color: #fff; font-size: .74rem; font-weight: 700;
}
.kanban__toplam { font-size: .8rem; color: var(--ikincil); margin-top: .15rem; font-variant-numeric: tabular-nums; }
.kanban__bos { margin: .4rem 0; font-size: .84rem; color: var(--soluk); text-align: center; }

.kanban__kart {
  background: var(--kart);
  border: 1px solid var(--cizgi);
  border-radius: var(--r);
  padding: .65rem .75rem;
  margin-bottom: .55rem;
  box-shadow: var(--golge);
  font-size: .92rem;
}
.kanban__kart:last-child { margin-bottom: 0; }
.kanban__firma { display: flex; align-items: center; gap: .4rem; font-size: .82rem; color: var(--ikincil); }
.kanban__firma a { color: inherit; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kanban__baslik { display: block; font-weight: 700; margin: .15rem 0 .35rem; color: var(--metin); }
.kanban__satir { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.kanban__meta { font-size: .8rem; color: var(--soluk); margin-top: .25rem; }
.kanban__gecti { color: var(--kotu); font-weight: 700; }

/* Temas yok: 14 gündür aktivite görmeyen firma — kırmızı nokta. */
.kanban__nokta {
  flex: none; width: 9px; height: 9px; border-radius: 50%;
  background: var(--kotu); box-shadow: 0 0 0 3px var(--kotu-yumusak);
}

/* Karttaki aşama seçici: select + Kaydet yan yana; JS gerekmez. */
.kanban__form {
  display: flex; gap: .35rem; align-items: center;
  margin-top: .55rem; padding-top: .55rem; border-top: 1px dashed var(--cizgi);
}
.kanban__form select.alan__girdi { flex: 1 1 auto; min-width: 0; min-height: 34px; padding: .2rem .5rem; font-size: .86rem; width: auto; }
.kanban__form .dugme { flex: none; }
.kanban__gizli-etiket {
  position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}

/* Telefon: sütunlar alt alta, kaydırma yok. */
@media (max-width: 900px) {
  .kanban { grid-auto-flow: row; grid-auto-columns: auto; grid-template-columns: minmax(0, 1fr); overflow-x: visible; scroll-snap-type: none; }
}

/* Aşama rengi noktası (kart başlığı, aşama geçmişi). */
.asama-nokta {
  --asama-renk: var(--marka);
  display: inline-block; width: 9px; height: 9px; border-radius: 50%;
  background: var(--asama-renk); margin-right: .3rem; vertical-align: middle;
}

/* Zaman çizelgesi — denetim izinden (kim, ne, ne zaman). */
.zaman { list-style: none; margin: 0; padding: 0 0 0 .35rem; }
.zaman__oge { position: relative; padding: .3rem 0 .55rem 1.1rem; border-left: 2px solid var(--cizgi); font-size: .92rem; }
.zaman__oge:last-child { padding-bottom: .1rem; }
.zaman__oge::before {
  content: ""; position: absolute; left: -6px; top: .6rem; width: 10px; height: 10px;
  border-radius: 50%; background: var(--marka); border: 2px solid var(--kart);
}
.zaman__ust { font-size: .8rem; color: var(--soluk); margin-bottom: .1rem; }

/* Kart üstü bilgi şeridi ("Kaydedildi — bir tane daha"). */
.kart--bilgi { background: var(--iyi-yumusak); border-color: #b9e3cf; color: #14603f; padding: .7rem 1rem; }
.kart--bilgi a { color: inherit; font-weight: 700; }

/* Kartta katlanır düzenleme formu: <details>, JS'siz. */
.duzenle > summary { list-style: none; cursor: pointer; }
.duzenle > summary::-webkit-details-marker { display: none; }
.duzenle > summary h2::after { content: " ▸"; color: var(--soluk); font-size: .85em; }
.duzenle[open] > summary h2::after { content: " ▾"; }