/* Project details (list click) — unique icon colors only. */

.inbox-ico {
  display: block;
  flex: 0 0 auto;
  stroke: currentColor !important;
}

.inbox-draft-facts dt .inbox-ico {
  width: 1.35rem;
  height: 1.35rem;
  padding: 0.22rem;
  box-sizing: content-box;
  border-radius: 0.5rem;
  opacity: 1 !important;
}

/* Product — blue */
.inbox-draft-facts > div[data-fact*="product"] {
  border-color: #bfdbfe !important;
  background: linear-gradient(180deg, #eff6ff 0%, #ffffff 72%) !important;
}
.inbox-draft-facts > div[data-fact*="product"] dt,
.inbox-draft-facts > div[data-fact*="product"] dt .inbox-ico {
  color: #2563eb !important;
}
.inbox-draft-facts > div[data-fact*="product"] dt .inbox-ico {
  background: #dbeafe;
}

/* Source — teal */
.inbox-draft-facts > div[data-fact*="source"] {
  border-color: #99f6e4 !important;
  background: linear-gradient(180deg, #f0fdfa 0%, #ffffff 72%) !important;
}
.inbox-draft-facts > div[data-fact*="source"] dt,
.inbox-draft-facts > div[data-fact*="source"] dt .inbox-ico {
  color: #0f766e !important;
}
.inbox-draft-facts > div[data-fact*="source"] dt .inbox-ico {
  background: #ccfbf1;
}

/* Channel / Email — sky */
.inbox-draft-facts > div[data-fact*="channel"],
.inbox-draft-facts > div[data-fact*="email"] {
  border-color: #bae6fd !important;
  background: linear-gradient(180deg, #f0f9ff 0%, #ffffff 72%) !important;
}
.inbox-draft-facts > div[data-fact*="channel"] dt,
.inbox-draft-facts > div[data-fact*="email"] dt,
.inbox-draft-facts > div[data-fact*="channel"] dt .inbox-ico,
.inbox-draft-facts > div[data-fact*="email"] dt .inbox-ico {
  color: #0284c7 !important;
}
.inbox-draft-facts > div[data-fact*="channel"] dt .inbox-ico,
.inbox-draft-facts > div[data-fact*="email"] dt .inbox-ico {
  background: #e0f2fe;
}

/* Intent — violet */
.inbox-draft-facts > div[data-fact*="intent"] {
  border-color: #ddd6fe !important;
  background: linear-gradient(180deg, #f5f3ff 0%, #ffffff 72%) !important;
}
.inbox-draft-facts > div[data-fact*="intent"] dt,
.inbox-draft-facts > div[data-fact*="intent"] dt .inbox-ico {
  color: #7c3aed !important;
}
.inbox-draft-facts > div[data-fact*="intent"] dt .inbox-ico {
  background: #ede9fe;
}

/* Priority — amber */
.inbox-draft-facts > div[data-fact*="priority"] {
  border-color: #fde68a !important;
  background: linear-gradient(180deg, #fffbeb 0%, #ffffff 72%) !important;
}
.inbox-draft-facts > div[data-fact*="priority"] dt,
.inbox-draft-facts > div[data-fact*="priority"] dt .inbox-ico {
  color: #d97706 !important;
}
.inbox-draft-facts > div[data-fact*="priority"] dt .inbox-ico {
  background: #fef3c7;
}

/* Signals — orange */
.inbox-draft-facts > div[data-fact*="signal"] {
  border-color: #fed7aa !important;
  background: linear-gradient(180deg, #fff7ed 0%, #ffffff 72%) !important;
}
.inbox-draft-facts > div[data-fact*="signal"] dt,
.inbox-draft-facts > div[data-fact*="signal"] dt .inbox-ico {
  color: #ea580c !important;
}
.inbox-draft-facts > div[data-fact*="signal"] dt .inbox-ico {
  background: #ffedd5;
}

/* Name / Contact — teal */
.inbox-draft-facts > div[data-fact*="name"] dt,
.inbox-draft-facts > div[data-fact*="name"] dt .inbox-ico {
  color: #0d9488 !important;
}
.inbox-draft-facts > div[data-fact*="name"] dt .inbox-ico {
  background: #ccfbf1;
}

/* Phone — green */
.inbox-draft-facts > div[data-fact*="phone"] dt,
.inbox-draft-facts > div[data-fact*="phone"] dt .inbox-ico {
  color: #059669 !important;
}
.inbox-draft-facts > div[data-fact*="phone"] dt .inbox-ico {
  background: #d1fae5;
}

/* Section chrome icons */
.inbox-draft-agent .inbox-ico {
  color: #7c3aed !important;
  stroke: #7c3aed !important;
}
.inbox-draft-disclaimer .inbox-ico {
  color: #c2410c !important;
  stroke: #c2410c !important;
}
.inbox-draft-summary-ico {
  background: #eff6ff !important;
  color: #2563eb !important;
}
.inbox-draft-summary-ico .inbox-ico {
  color: #2563eb !important;
  stroke: #2563eb !important;
}
.inbox-draft-contact > h2 .inbox-ico {
  color: #0d9488 !important;
  stroke: #0d9488 !important;
}
.inbox-draft-message-block > h2 .inbox-ico {
  color: #4f46e5 !important;
  stroke: #4f46e5 !important;
}
.inbox-draft-cta .inbox-ico {
  color: #fff !important;
  stroke: #fff !important;
}
.inbox-draft-back .inbox-ico {
  color: #1e3a5f !important;
  stroke: #1e3a5f !important;
}

/* Hide Inbox Project Scout / pseudo draft header on list→details */
.inbox-draft-hero,
.inbox-draft-banner,
.inbox-draft-disclaimer,
.inbox-draft-agent {
  display: none !important;
}
