/* =========================================================================
   CRM ALT MODÜLLER — Kayıt Hunisi (liste/kanban), Görevler, Teklifler, Kayıp Analizi
   js/48-crm-moduller.js
   ========================================================================= */

/* Liste / Kanban segmenti */
.crm-seg-grup{display:inline-flex;padding:3px;border-radius:11px;background:var(--page-bg);border:1px solid var(--border);}
.crm-seg{border:0;background:transparent;padding:6px 14px;border-radius:8px;font:inherit;font-size:12.5px;font-weight:600;color:var(--text-muted);cursor:pointer;}
.crm-seg:hover{color:var(--text);}
.crm-seg.aktif{background:linear-gradient(180deg,#9b2323,#8b1a1a);color:#fff;box-shadow:0 2px 0 #5e1010;}

/* Kanban */
/* Kanban: yatay ve dikey kaydırma çubukları tahtanın kendisinde */
.crm-kanban{display:grid;grid-template-columns:repeat(6,minmax(190px,1fr));gap:10px;padding:12px;overflow:auto;max-height:calc(100vh - 250px);min-height:300px;}
.crm-kolon{background:var(--page-bg);border-radius:14px;border-top:3px solid #b8bcc4;display:flex;flex-direction:column;min-height:240px;}
.crm-kolon.surukle-uzerinde{outline:2px dashed #8b1a1a;outline-offset:-4px;}
.crm-kart-aday[draggable="true"]{cursor:grab;}
.crm-kart-aday[draggable="true"]:active{cursor:grabbing;}
.crm-kolon.crm-a-bilgi{border-top-color:#2563af;}
.crm-kolon.crm-a-fiyat{border-top-color:#d98c1f;}
.crm-kolon.crm-a-takip{border-top-color:#6240b8;}
.crm-kolon.crm-a-yeni{border-top-color:#1f8a57;}
.crm-kolon.crm-a-yenileme{border-top-color:#0f7f74;}
.crm-kolon.crm-a-kayipp{border-top-color:#b12525;}
.crm-kolon-ust{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:10px 12px;font-size:12.5px;font-weight:700;}
.crm-kolon-ust b{background:var(--card-bg);border-radius:999px;padding:1px 8px;font-size:11.5px;}
.crm-kolon-govde{display:flex;flex-direction:column;gap:8px;padding:0 8px 10px;}
.crm-kart-aday{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:3px;box-shadow:0 1px 2px rgba(16,24,40,.05);}
.crm-kart-aday small{font-size:11.5px;color:var(--text-muted);}
.crm-kart-aksiyon{display:flex;justify-content:flex-end;gap:4px;margin-top:6px;}
.crm-mini{width:26px;height:26px;border:1px solid var(--border);border-radius:8px;background:var(--card-bg);cursor:pointer;font-size:14px;line-height:1;color:var(--text);}
.crm-mini:hover:not(:disabled){background:var(--blue-light);color:var(--blue);}
.crm-mini:disabled{opacity:.35;cursor:default;}

/* Görevler */
.crm-gorev-liste{display:flex;flex-direction:column;}
.crm-gorev{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #f0f1f4;border-left:3px solid transparent;}
.crm-gorev-geciken{border-left-color:#d64545;background:#fff7f7;}
.crm-gorev-bugun{border-left-color:#2563af;}
.crm-gorev-tamam{opacity:.6;}
.crm-gorev-metin{flex:1;min-width:0;}
.crm-gorev-metin b{font-size:13.5px;}
.crm-gorev-metin small{display:flex;gap:6px;align-items:center;font-size:11.5px;color:var(--text-muted);margin-top:3px;flex-wrap:wrap;}
.crm-tur-etiket{background:var(--blue-light);color:var(--blue);border-radius:999px;padding:1px 8px;font-weight:600;}
.crm-gorev-tarih{font-size:12px;font-weight:700;color:var(--text-muted);white-space:nowrap;}
.crm-gorev-geciken .crm-gorev-tarih{color:#d64545;}
.crm-gorev-bugun .crm-gorev-tarih{color:#2563af;}
.crm-ustu-cizili{text-decoration:line-through;color:var(--text-muted);}

/* Teklifler */
.crm-durum-sec{padding:6px 8px;border:1px solid var(--border);border-radius:9px;font:inherit;font-size:12.5px;background:var(--card-bg);color:var(--text);}
.crm-gecmis{color:#d64545 !important;}

/* Kayıp analizi */
.crm-buyuk-say{font-size:40px;font-weight:800;color:#8b1a1a;line-height:1;margin:6px 0 2px;}
.crm-kart-iki{grid-column:span 2;}
.crm-bar-satir{display:grid;grid-template-columns:150px 1fr 36px;gap:10px;align-items:center;margin-bottom:9px;font-size:13px;}
.crm-bar-iz{height:9px;border-radius:999px;background:var(--border);overflow:hidden;}
.crm-bar-dolu{height:100%;border-radius:999px;background:linear-gradient(90deg,#e57373,#b12525);}
.crm-bar-say{text-align:right;font-weight:700;}
.crm-izgara .crm-kart:first-child{max-width:260px;}

@media (max-width:900px){
  .crm-kart-iki{grid-column:auto;}
  .crm-bar-satir{grid-template-columns:110px 1fr 30px;}
}