/* DOSS CHATBOT C02J - Chat realmente unificado na Central do Cliente
   Regra: não criar um segundo chat. Usa o campo antigo da Central e injeta respostas no mesmo fluxo. */

#dossChatbotLocalC02 { display: none !important; }

.doss-c02-inline-assistant,
.doss-c02-inline-assistant *,
.doss-c02-unified-row,
.doss-c02-unified-row * {
  box-sizing: border-box;
}

.doss-c02-inline-assistant {
  margin: 8px 12px 10px;
  padding: 10px;
  border: 1px solid rgba(249, 115, 22, .18);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(255, 247, 237, .96), rgba(255, 255, 255, .96));
  box-shadow: 0 10px 24px rgba(127, 29, 29, .07);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.doss-c02-inline-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}

.doss-c02-inline-head strong {
  display: block;
  color: #7f1d1d;
  font-size: 13px;
  line-height: 1.15;
  font-weight: 950;
}

.doss-c02-inline-head span {
  display: block;
  margin-top: 2px;
  color: #6b7280;
  font-size: 11px;
  line-height: 1.3;
}

.doss-c02-inline-head em {
  flex: 0 0 auto;
  font-style: normal;
  font-size: 9.5px;
  font-weight: 950;
  color: #9a3412;
  background: #ffedd5;
  border: 1px solid rgba(249, 115, 22, .20);
  border-radius: 999px;
  padding: 4px 7px;
}

.doss-c02-inline-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.doss-c02-inline-chip {
  border: 1px solid rgba(249, 115, 22, .18);
  border-radius: 999px;
  background: #fff7ed;
  color: #7c2d12;
  font-size: 11px;
  line-height: 1;
  font-weight: 950;
  padding: 7px 9px;
  cursor: pointer;
}

.doss-c02-inline-chip:first-child {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #f97316, #dc2626);
  box-shadow: 0 8px 16px rgba(249, 115, 22, .22);
}

.doss-c02-input-unificado-area {
  border-top: 1px solid rgba(249, 115, 22, .12) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,247,237,.9)) !important;
}

.doss-c02-input-unificado-area input,
.doss-c02-input-unificado-area textarea {
  border-width: 2px !important;
  border-color: rgba(239, 68, 68, .38) !important;
  background: #fff !important;
  box-shadow: 0 8px 18px rgba(127, 29, 29, .06) !important;
}

.doss-c02-input-unificado-area input:focus,
.doss-c02-input-unificado-area textarea:focus {
  outline: none !important;
  border-color: #f97316 !important;
  box-shadow: 0 0 0 4px rgba(249, 115, 22, .14), 0 8px 18px rgba(127, 29, 29, .06) !important;
}

.doss-c02-stream-unificado {
  scroll-behavior: smooth;
}

.doss-c02-unified-row {
  display: flex;
  width: 100%;
  padding: 4px 14px;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.doss-c02-unified-row.doss-c02-user {
  justify-content: flex-end;
}

.doss-c02-unified-row.doss-c02-bot {
  justify-content: flex-start;
}

.doss-c02-unified-bubble {
  max-width: min(86%, 520px);
  border-radius: 18px;
  padding: 10px 12px;
  font-size: 13px;
  line-height: 1.42;
  white-space: pre-wrap;
  word-break: break-word;
}

.doss-c02-user .doss-c02-unified-bubble {
  color: #fff;
  background: linear-gradient(135deg, #dc2626, #f97316);
  box-shadow: 0 8px 18px rgba(220, 38, 38, .15);
  border-bottom-right-radius: 6px;
}

.doss-c02-bot .doss-c02-unified-bubble {
  color: #1f2937;
  background: #fff;
  border: 1px solid rgba(249, 115, 22, .16);
  box-shadow: 0 8px 18px rgba(15, 23, 42, .05);
  border-bottom-left-radius: 6px;
}

.doss-c02-meta {
  margin-top: 7px;
  padding-top: 6px;
  border-top: 1px dashed rgba(249, 115, 22, .20);
  color: #9ca3af;
  font-size: 10px;
  line-height: 1.25;
}

.doss-c02-unified-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 9px;
}

.doss-c02-action-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #fff;
  background: linear-gradient(135deg, #16a34a, #15803d);
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 11.5px;
  font-weight: 950;
}

.doss-c02-action-human {
  background: linear-gradient(135deg, #dc2626, #991b1b);
}

@media (max-width: 640px) {
  .doss-c02-inline-assistant { margin: 7px 10px 9px; padding: 9px; }
  .doss-c02-inline-head { display: block; }
  .doss-c02-inline-head em { display: inline-block; margin-top: 6px; }
  .doss-c02-unified-row { padding-left: 10px; padding-right: 10px; }
  .doss-c02-unified-bubble { max-width: 92%; font-size: 12.5px; }
}