/* v1503: isolate chat colors from broad public-page typography guards. */
.nl-chat-widget .nl-chat-panel .nl-chat-header,
.nl-chat-widget .nl-chat-panel .nl-chat-header > div,
.nl-chat-widget .nl-chat-panel .nl-chat-header strong {
  color: #fff !important;
}

.nl-chat-widget .nl-chat-panel .nl-chat-header .nl-chat-connection,
.nl-chat-widget .nl-chat-panel .nl-chat-header .nl-chat-connection b {
  color: #f9e9eb !important;
}

.nl-chat-widget .nl-chat-panel .nl-chat-history {
  color: #251417 !important;
}

.nl-chat-widget .nl-chat-panel .nl-chat-message.is-visitor,
.nl-chat-widget .nl-chat-panel .nl-chat-message.is-visitor :is(strong, time, span) {
  color: #fff !important;
}

.nl-chat-widget .nl-chat-panel .nl-chat-form,
.nl-chat-widget .nl-chat-panel .nl-chat-form textarea {
  color: #251417 !important;
}

@media (max-width: 420px) {
  .nl-chat-widget {
    right: 8px !important;
    left: 8px !important;
    width: auto !important;
  }

  .nl-chat-widget .nl-chat-panel {
    width: 100% !important;
    max-width: none !important;
  }
}