@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap');

html, body {
  font-family: "Cairo", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

body {
  background: #f6f7fb;
}

.navbar-brand {
  font-weight: 700;
}

.card {
  border: 0;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(17, 24, 39, 0.06);
}

.chat-wrap {
  background: #ffffff;
  border-radius: 14px;
  padding: 14px;
  height: calc(100vh - 240px);
  overflow: auto;
}

.bubble {
  max-width: 75%;
  padding: 10px 12px;
  border-radius: 14px;
  margin-bottom: 10px;
  line-height: 1.7;
}

.bubble.in {
  background: #f1f5f9;
  margin-left: auto;
}

.bubble.out {
  background: #e7f5ff;
  margin-right: auto;
}

.bubble .meta {
  color: #64748b;
  font-size: 12px;
  margin-top: 6px;
}

/* Generic */
.badge-soft {
  background: rgba(13,110,253,.12);
  color: #0d6efd;
  border: 1px solid rgba(13,110,253,.18);
}

/* Status badges (conversations + tickets + directory) */
.status-badge {
  border: 1px solid rgba(2, 6, 23, 0.10);
  font-weight: 600;
}

.status-new {
  background: rgba(13,110,253,.12);
  color: #0d6efd;
  border-color: rgba(13,110,253,.18);
}

.status-open {
  background: rgba(25,135,84,.12);
  color: #198754;
  border-color: rgba(25,135,84,.18);
}

.status-awaiting_info {
  background: rgba(13,202,240,.12);
  color: #0aa2c0;
  border-color: rgba(13,202,240,.18);
}

.status-escalated {
  background: rgba(255,193,7,.16);
  color: #b78103;
  border-color: rgba(255,193,7,.22);
}

.status-closed {
  background: rgba(108,117,125,.14);
  color: #495057;
  border-color: rgba(108,117,125,.18);
}

.status-answered {
  background: rgba(108,117,125,.14);
  color: #495057;
  border-color: rgba(108,117,125,.18);
}

.status-active {
  background: rgba(25,135,84,.12);
  color: #198754;
  border-color: rgba(25,135,84,.18);
}

.status-pending_review {
  background: rgba(255,193,7,.16);
  color: #b78103;
  border-color: rgba(255,193,7,.22);
}