/*
 * Müşteri CRM + Gösterim Randevuları modülü — sadece bu modüle özel EK
 * stiller. Temel tasarım sistemi (renkler/kartlar/butonlar) `frontend/core/
 * realty-theme.css`'ten gelir (rl-* sınıfları) — burada TEKRAR TANIMLANMAZ,
 * sadece uzatılır (bkz. ARCHITECTURE-CONTRACT.md bölüm 8).
 */

.crm-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.crm-filters {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.crm-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.crm-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  cursor: pointer;
}
.crm-row:hover { outline: 2px solid var(--rl-primary-tint); }
.crm-badge {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  background: var(--rl-bg-muted);
  color: var(--rl-text-muted);
  white-space: nowrap;
}
.crm-badge.status-new_request,
.crm-badge.status-planned { background: var(--rl-info); color: #fff; }
.crm-badge.status-won,
.crm-badge.status-result_entered,
.crm-badge.status-confirmed { background: var(--rl-success); color: #fff; }
.crm-badge.status-lost,
.crm-badge.status-customer_no_show,
.crm-badge.status-agent_cancelled,
.crm-badge.status-customer_cancelled { background: var(--rl-danger); color: #fff; }
.crm-badge.status-appointment,
.crm-badge.status-offer_or_application,
.crm-badge.status-owner_confirmation_pending,
.crm-badge.status-customer_confirmation_pending { background: var(--rl-accent); color: #fff; }

.crm-form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
}
.crm-checkbox-row {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  font-size: 13px;
  color: var(--rl-text-muted);
}
.crm-checkbox-row label { display: flex; align-items: center; gap: 6px; }

.crm-property-pick {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 220px;
  overflow-y: auto;
  border: 1px solid var(--rl-border);
  border-radius: var(--rl-radius-sm);
  padding: 10px;
}
.crm-property-pick label { display: flex; align-items: center; gap: 8px; font-size: 13px; }

.crm-detail-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
.crm-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.crm-section-title {
  font-weight: 600;
  margin: 18px 0 8px;
}
.crm-result-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
}
.crm-back-link {
  color: var(--rl-primary);
  cursor: pointer;
  font-size: 13px;
  margin-bottom: 10px;
  display: inline-block;
}