/* =========================================================================
   MÜŞTERİ İLİŞKİLERİ (CRM) — js/46-page-crm.js
   Ana renkler: Toygun bordo (#8b1a1a) ve mavi vurgular.
   ========================================================================= */
.crm-kok{padding:20px;max-width:1400px;}
.crm-ust{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px;}
.crm-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:#8b1a1a;font-weight:700;}
.crm-baslik{font-size:24px;font-weight:800;margin:2px 0 10px;letter-spacing:-.3px;color:var(--text);}
.crm-yeni{height:36px;padding:0 16px;border-radius:10px;font-weight:700;}

/* Aşama özet çipleri (tıklayınca filtre) */
.crm-chipler{display:flex;flex-wrap:wrap;gap:6px;}
.crm-chip{border:1px solid var(--border);background:var(--card-bg);border-radius:999px;padding:5px 11px;font:inherit;font-size:12px;color:var(--text);cursor:pointer;display:inline-flex;gap:6px;align-items:center;}
.crm-chip b{background:var(--page-bg);border-radius:999px;padding:1px 7px;font-size:11px;}
.crm-chip:hover{border-color:#cfd3da;}
.crm-chip.aktif{background:#8b1a1a;color:#fff;border-color:#8b1a1a;}
.crm-chip.aktif b{background:rgba(255,255,255,.22);color:#fff;}

/* Filtre alanı */
.crm-filtre{display:grid;grid-template-columns:minmax(200px,1.6fr) repeat(3,minmax(140px,1fr)) auto;gap:10px;align-items:center;background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:12px;margin-bottom:14px;}
.crm-filtre input,.crm-filtre select{width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:10px;font:inherit;font-size:13px;background:var(--card-bg);color:var(--text);}
.crm-filtre input:focus,.crm-filtre select:focus{outline:none;border-color:#8b1a1a;box-shadow:0 0 0 3px rgba(139,26,26,.12);}

/* Liste kartı */
.crm-liste-kart{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 1px 2px rgba(16,24,40,.04);}
.crm-liste-ust{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);font-size:13px;color:var(--text-muted);background:var(--page-bg);}
.crm-liste-ust b{color:var(--text);}
.crm-tablo-kaydir{overflow:auto;max-height:calc(100vh - 300px);}
.crm-tablo{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;min-width:820px;}
.crm-tablo thead th{position:sticky;top:0;background:var(--card-bg);text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:700;padding:11px 14px;border-bottom:1px solid var(--border);z-index:1;}
.crm-tablo tbody td{padding:12px 14px;border-bottom:1px solid #f0f1f4;vertical-align:middle;}
.crm-tablo tbody tr:hover td{background:#fbf6f6;}
.crm-tablo td small{display:block;font-size:11.5px;color:var(--text-muted);margin-top:2px;}
.crm-sayi{text-align:center !important;font-weight:600;}
.crm-islem{text-align:right;white-space:nowrap;}
.crm-mono{font-family:Consolas,monospace;font-size:12.5px;color:#4b5059;}
.crm-ad{border:0;background:none;padding:0;font:inherit;font-weight:700;color:#8b1a1a;cursor:pointer;text-align:left;}
.crm-ad:hover{text-decoration:underline;}
.crm-tur{font-weight:600;}
.crm-bos{padding:30px;text-align:center;color:var(--text-muted);}

/* Aşama rozetleri */
.crm-rozet{display:inline-block;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap;}
.crm-a-bilgi{background:#e8f0fb;color:#2563af;}
.crm-a-fiyat{background:#fdf0e0;color:#b8741a;}
.crm-a-takip{background:#efe9fb;color:#6240b8;}
.crm-a-yeni{background:#e3f5ea;color:#1f8a57;}
.crm-a-yenileme{background:#e0f4f1;color:#0f7f74;}
.crm-a-kayipp{background:#fbe4e6;color:#b12525;}
.crm-chip.crm-a-bilgi,.crm-chip.crm-a-fiyat,.crm-chip.crm-a-takip,.crm-chip.crm-a-yeni,.crm-chip.crm-a-yenileme,.crm-chip.crm-a-kayipp{color:inherit;}

/* Pencereler */
.crm-modal{width:100%;}
.crm-modal-ust{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px;}
.crm-modal-ust h3{margin:2px 0 0;font-size:18px;}
.crm-alt{font-size:12.5px;color:var(--text-muted);margin-top:3px;}
.crm-form{display:flex;flex-direction:column;gap:10px;}
.crm-form label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;color:var(--text);}
.crm-form input,.crm-form select,.crm-form textarea{width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:10px;font:inherit;font-size:13px;font-weight:400;background:var(--card-bg);color:var(--text);}
.crm-form input:focus,.crm-form select:focus,.crm-form textarea:focus{outline:none;border-color:#8b1a1a;box-shadow:0 0 0 3px rgba(139,26,26,.12);}
.crm-satir2{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.crm-satir3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;}
.crm-bolum{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#8b1a1a;font-weight:700;margin-top:6px;border-top:1px dashed var(--border);padding-top:10px;}
.crm-form label.hidden{display:none !important;}

.crm-detay-asama{margin:4px 0 14px;font-size:13px;display:flex;align-items:center;gap:8px;}
.crm-zaman{display:flex;flex-direction:column;gap:12px;max-height:50vh;overflow:auto;padding-right:4px;border-left:2px solid #eeeef1;margin-left:6px;padding-left:16px;}
.crm-zaman-satir{position:relative;display:flex;gap:10px;}
.crm-zaman-nokta{position:absolute;left:-23px;top:5px;width:10px;height:10px;border-radius:50%;background:#8b1a1a;box-shadow:0 0 0 3px #fbe9e9;}
.crm-zaman-satir p{margin:4px 0;font-size:13px;color:var(--text);}
.crm-zaman-satir em{font-size:11.5px;color:var(--text-muted);font-style:normal;}
.crm-zaman-satir small{color:var(--text-muted);font-size:11.5px;}

body.dark-mode .crm-liste-kart,body.dark-mode .crm-filtre{background:#1f2128;border-color:#2c2f38;}
body.dark-mode .crm-tablo thead th{background:#1f2128;}
body.dark-mode .crm-tablo tbody tr:hover td{background:#2a2328;}
body.dark-mode .crm-filtre input,body.dark-mode .crm-filtre select,body.dark-mode .crm-form input,body.dark-mode .crm-form select,body.dark-mode .crm-form textarea{background:#25272f;}
body.dark-mode .crm-liste-ust{background:#25272f;}
body.dark-mode .crm-tablo tbody td{border-bottom-color:#2c2f38;}

@media (max-width:1100px){
  .crm-filtre{grid-template-columns:1fr 1fr;}
}
@media (max-width:560px){
  .crm-kok{padding:14px 16px;}
  .crm-satir2,.crm-satir3{grid-template-columns:1fr;}
}