/**
 * inquiries.css — Shared styles for Inquiries pages (list, create, detail)
 * spec: inquiries-ui-spec.md
 */

/* spec: Section 6.3 -- two-column layout for detail page */
.inquiry-detail-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 16px;
}

@media (max-width: 768px) {
  .inquiry-detail-grid {
    grid-template-columns: 1fr;
  }
}

/* spec: Section 6.3 -- dates row */
.inquiry-dates-row {
  font-size: var(--font-size-sm, 12px);
  color: var(--text-muted, #94a3b8);
  margin-top: 16px;
  padding: 8px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

/* spec: Section 7 -- status badge colors */
.inquiry-status-new {
  background: #dbeafe;
  color: #1e40af;
  border: 1px solid #93c5fd;
}

.inquiry-status-contacted {
  background: #ede9fe;
  color: #5b21b6;
  border: 1px solid #c4b5fd;
}

.inquiry-status-site_visit {
  background: #ffedd5;
  color: #9a3412;
  border: 1px solid #fdba74;
}

.inquiry-status-quoted {
  background: #ccfbf1;
  color: #115e59;
  border: 1px solid #5eead4;
}

.inquiry-status-converted {
  background: #dcfce7;
  color: #166534;
  border: 1px solid #86efac;
}

.inquiry-status-lost {
  background: #fee2e2;
  color: #991b1b;
  border: 1px solid #fca5a5;
}

/* Common badge structure for inquiry status */
.inquiry-badge {
  display: inline-block;
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 4px;
  font-weight: 500;
  line-height: 1.4;
}

/* spec: Section 4.5 -- source badge (neutral) */
.inquiry-source-badge {
  display: inline-block;
  background: #f1f5f9;
  color: #334155;
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 4px;
  font-weight: 400;
}