/* Brand + general variables (Materialize "light-blue darken-3" = #0288d1) */
:root{
  --lr-primary: #0288d1;
  --lr-primary-hover: #0277bd;
  --lr-primary-dark: #01579b;
  --lr-on-primary: #ffffff;

  /* many widgets read a generic accent var, set it too */
  --lr-accent: var(--lr-primary);
}

/* Chat header bar */
#laundrobot-root .lr-header{
  background: var(--lr-primary) !important;
  color: var(--lr-on-primary) !important;
}

/* Launcher pill (floating “CHAT WITH US” button) */
#laundrobot-root .lr-launcher,
.laundrobot-launcher,
.lr-open-button,
.lr-fab,
.lr-cta-btn{
  background: var(--lr-primary) !important;
  border-color: var(--lr-primary) !important;
  color: var(--lr-on-primary) !important;
  box-shadow: 0 8px 24px rgba(2,136,209,.25) !important;
}
#laundrobot-root .lr-launcher:hover,
.laundrobot-launcher:hover,
.lr-open-button:hover,
.lr-fab:hover,
.lr-cta-btn:hover{
  background: var(--lr-primary-hover) !important;
  border-color: var(--lr-primary-hover) !important;
}

/* Primary buttons inside the window (Send, suggestions, etc.) */
#laundrobot-root .lr-btn-primary,
#laundrobot-root .lr-send,
#laundrobot-root button[type="submit"]{
  background: var(--lr-primary) !important;
  border-color: var(--lr-primary) !important;
  color: var(--lr-on-primary) !important;
}
#laundrobot-root .lr-btn-primary:hover,
#laundrobot-root .lr-send:hover{
  background: var(--lr-primary-hover) !important;
  border-color: var(--lr-primary-hover) !important;
}

/* Inputs */
#laundrobot-root input, 
#laundrobot-root textarea{
  font-family: inherit !important;
}
#laundrobot-root input::placeholder,
#laundrobot-root textarea::placeholder{
  color: #7a8a99 !important;
}
/* only hide chips inside chat messages */
#laundrobot-root .lr-message .lr-chip,
#laundrobot-root .lr-message [data-lr="sources"],
#laundrobot-root .lr-message [data-lr-source]{
  display: none !important;
}
/* Make suggestion bubbles blue-outline instead of grey/pink if present */
#laundrobot-root .lr-suggestion{
  border: 1px solid var(--lr-primary) !important;
  color: var(--lr-primary) !important;
  background: #fff !important;
}
#laundrobot-root .lr-suggestion:hover{
  background: rgba(2,136,209,.08) !important;
}

/* Small polish */
#laundrobot-root .lr-card{
  border-radius: 14px !important;
}
#laundrobot-root .lr-message.agent{
  border-color: rgba(2,136,209,.12) !important;
}