/* ── n8n base CSS (verbatim from @n8n/chat@1.0.0-rc.3) ── */
:root{--chat--color--primary:#e74266;--chat--color--primary-shade-50:#db4061;--chat--color--primary--shade-100:#cf3c5c;--chat--color--secondary:#20b69e;--chat--color-secondary-shade-50:#1ca08a;--chat--color-white:#fff;--chat--color-light:#f2f4f8;--chat--color-light-shade-50:#e6e9f1;--chat--color-light-shade-100:#c2c5cc;--chat--color-medium:#d2d4d9;--chat--color-dark:#101330;--chat--color-disabled:#d2d4d9;--chat--color-typing:#404040;--chat--spacing:1rem;--chat--border-radius:.25rem;--chat--transition-duration:.15s;--chat--font-family:(-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif);--chat--window--width:400px;--chat--window--height:600px;--chat--window--bottom:var(--chat--spacing);--chat--window--right:var(--chat--spacing);--chat--window--z-index:9999;--chat--window--border:1px solid var(--chat--color-light-shade-50);--chat--window--border-radius:var(--chat--border-radius);--chat--window--margin-bottom:var(--chat--spacing);--chat--header-height:auto;--chat--header--padding:var(--chat--spacing);--chat--header--background:var(--chat--color-dark);--chat--header--color:var(--chat--color-light);--chat--header--border-top:none;--chat--header--border-bottom:none;--chat--header--border-left:none;--chat--header--border-right:none;--chat--heading--font-size:2em;--chat--subtitle--font-size:inherit;--chat--subtitle--line-height:1.8;--chat--message--font-size:1rem;--chat--message--padding:var(--chat--spacing);--chat--message--border-radius:var(--chat--border-radius);--chat--message-line-height:1.5;--chat--message--margin-bottom:calc(var(--chat--spacing)*1);--chat--message--bot--background:var(--chat--color-white);--chat--message--bot--color:var(--chat--color-dark);--chat--message--bot--border:none;--chat--message--user--background:var(--chat--color--secondary);--chat--message--user--color:var(--chat--color-white);--chat--message--user--border:none;--chat--message--pre--background:#0000000d;--chat--messages-list--padding:var(--chat--spacing);--chat--toggle--size:64px;--chat--toggle--width:var(--chat--toggle--size);--chat--toggle--height:var(--chat--toggle--size);--chat--toggle--border-radius:50%;--chat--toggle--background:var(--chat--color--primary);--chat--toggle--hover--background:var(--chat--color--primary-shade-50);--chat--toggle--active--background:var(--chat--color--primary--shade-100);--chat--toggle--color:var(--chat--color-white);--chat--textarea--height:50px;--chat--textarea--max-height:30rem;--chat--input--font-size:inherit;--chat--input--border:0;--chat--input--border-radius:0;--chat--input--padding:.8rem;--chat--input--background:var(--chat--color-white);--chat--input--text-color:initial;--chat--input--line-height:1.5;--chat--input--placeholder--font-size:var(--chat--input--font-size);--chat--input--border-active:0;--chat--input--left--panel--width:2rem;--chat--button--color:var(--chat--color-light);--chat--button--background:var(--chat--color--primary);--chat--button--padding:calc(var(--chat--spacing)*1/2) var(--chat--spacing);--chat--button--border-radius:var(--chat--border-radius);--chat--button--hover--color:var(--chat--color-light);--chat--button--hover--background:var(--chat--color--primary-shade-50);--chat--close--button--color-hover:var(--chat--color--primary);--chat--input--send--button--background:var(--chat--color-white);--chat--input--send--button--color:var(--chat--color--secondary);--chat--input--send--button--background-hover:var(--chat--color--primary-shade-50);--chat--input--send--button--color-hover:var(--chat--color-secondary-shade-50);--chat--input--file--button--background:var(--chat--color-white);--chat--input--file--button--color:var(--chat--color--secondary);--chat--input--file--button--background-hover:var(--chat--input--file--button--background);--chat--input--file--button--color-hover:var(--chat--color-secondary-shade-50);--chat--files-spacing:.25rem;--chat--body--background:var(--chat--color-light);--chat--footer--background:var(--chat--color-light);--chat--footer--color:var(--chat--color-dark)}.chat-layout{width:100%;height:100%;font-family:var(--chat--font-family);flex-direction:column;display:flex;overflow-y:auto}.chat-layout .chat-header{height:var(--chat--header-height);padding:var(--chat--header--padding);background:var(--chat--header--background);color:var(--chat--header--color);border-top:var(--chat--header--border-top);border-bottom:var(--chat--header--border-bottom);border-left:var(--chat--header--border-left);border-right:var(--chat--header--border-right);flex-direction:column;justify-content:center;gap:1em;display:flex}.chat-layout .chat-header h1{font-size:var(--chat--heading--font-size);color:var(--chat--header--color)}.chat-layout .chat-header p{font-size:var(--chat--subtitle--font-size);line-height:var(--chat--subtitle--line-height)}.chat-layout .chat-body{background:var(--chat--body--background);flex-direction:column;flex:1;min-height:100px;display:flex;position:relative;overflow-y:auto}.chat-layout .chat-footer{border-top:1px solid var(--chat--color-light-shade-100);background:var(--chat--footer--background);color:var(--chat--footer--color)}.chat-message{max-width:fit-content;font-size:var(--chat--message--font-size);padding:var(--chat--message--padding);border-radius:var(--chat--message--border-radius);scroll-margin:3rem;display:block;position:relative}.chat-message p{line-height:var(--chat--message-line-height);word-wrap:break-word}.chat-message+.chat-message{margin-top:var(--chat--message--margin-bottom)}.chat-message.chat-message-from-bot{color:var(--chat--message--bot--color);border-bottom-left-radius:0}.chat-message.chat-message-from-bot:not(.chat-message-transparent){background-color:var(--chat--message--bot--background);border:var(--chat--message--bot--border)}.chat-message.chat-message-from-user{color:var(--chat--message--user--color);border-bottom-right-radius:0;margin-left:auto}.chat-message.chat-message-from-user:not(.chat-message-transparent){background-color:var(--chat--message--user--background);border:var(--chat--message--user--border)}.chat-message>.chat-message-markdown{box-sizing:border-box;font-size:inherit;display:block}.chat-message>.chat-message-markdown>:first-child{margin-top:0}.chat-message>.chat-message-markdown>:last-child{margin-bottom:0}.chat-message>.chat-message-markdown pre{font-family:inherit;font-size:inherit;white-space:pre-wrap;box-sizing:border-box;padding:var(--chat--spacing);background:var(--chat--message--pre--background);border-radius:var(--chat--border-radius);margin:0}.chat-window-wrapper{bottom:var(--chat--window--bottom);right:var(--chat--window--right);z-index:var(--chat--window--z-index);max-width:calc(100% - var(--chat--window--right,var(--chat--spacing))*2);max-height:calc(100% - var(--chat--window--bottom,var(--chat--spacing))*2);flex-direction:column;display:flex;position:fixed}.chat-window-wrapper .chat-window{width:var(--chat--window--width);height:var(--chat--window--height);border:var(--chat--window--border,1px solid var(--chat--color-light-shade-100));border-radius:var(--chat--window--border-radius,var(--chat--border-radius));max-width:100%;max-height:100%;margin-bottom:var(--chat--window--margin-bottom,var(--chat--spacing));transform-origin:100% 100%;display:flex;overflow:hidden}.chat-window-wrapper .chat-window .chat-layout{flex:1;width:auto;height:auto}.chat-window-wrapper .chat-window-toggle{background:var(--chat--toggle--background);color:var(--chat--toggle--color);cursor:pointer;width:var(--chat--toggle--width);height:var(--chat--toggle--height);border-radius:var(--chat--toggle--border-radius,50%);transition:transform var(--chat--transition-duration) ease,background var(--chat--transition-duration) ease;flex:none;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}.chat-window-wrapper .chat-window-toggle:hover,.chat-window-wrapper .chat-window-toggle:focus{background:var(--chat--toggle--hover--background);transform:scale(1.05)}.chat-window-wrapper .chat-window-toggle:active{background:var(--chat--toggle--active--background);transform:scale(.95)}.chat-message-typing{max-width:80px}.chat-message-typing .chat-message-typing-body{justify-content:center;align-items:center;display:flex}.chat-message-typing .chat-message-typing-circle{background-color:var(--chat--color-typing);border-radius:50%;width:10px;height:10px;margin:3px;display:block}.chat-messages-list{padding:var(--chat--messages-list--padding);margin-top:auto;display:block}.chat-heading{justify-content:space-between;align-items:center;display:flex}.chat-close-button{cursor:pointer;background:0 0;border:none;display:flex}.chat-close-button:hover{color:var(--chat--close--button--color-hover,var(--chat--color--primary))}.chat-input{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.chat-inputs{justify-content:center;align-items:flex-end;width:100%;display:flex}.chat-inputs textarea{font-family:inherit;font-size:var(--chat--input--font-size);border:var(--chat--input--border,0);border-radius:var(--chat--input--border-radius);width:100%;padding:var(--chat--input--padding);min-height:var(--chat--textarea--height,2.5rem);max-height:var(--chat--textarea--max-height);height:var(--chat--textarea--height,2.5rem);resize:none;background:var(--chat--input--background,white);color:var(--chat--input--text-color,initial);line-height:var(--chat--input--line-height,1.5);outline:none;overflow-y:auto}.chat-input-send-button{height:var(--chat--textarea--height);width:var(--chat--textarea--height);background:var(--chat--input--send--button--background,white);cursor:pointer;color:var(--chat--input--send--button--color,var(--chat--color--secondary));transition:color var(--chat--transition-duration) ease;border:0;justify-content:center;align-items:center;font-size:24px;display:inline-flex}.chat-window-transition-enter-active,.chat-window-transition-leave-active{transition:transform var(--chat--transition-duration) ease,opacity var(--chat--transition-duration) ease}.chat-window-transition-enter-from,.chat-window-transition-leave-to{opacity:0;transform:scale(0)}

/* ── Lea overrides ── */

:root {
  --chat--color--primary: #F9B104;
  --chat--color--primary-shade-50: #F9B104;
  --chat--color--primary--shade-100: #F9B104;
  --chat--color--secondary: #20b69e;
  --chat--color-secondary-shade-50: #1ca08a;
  --chat--color-white: #ffffff;
  --chat--color-light: rgb(244, 246, 248);
  --chat--color-light-shade-50: rgb(244, 246, 248);
  --chat--color-light-shade-100: rgb(244, 246, 248);
  --chat--color-medium: #d2d4d9;
  --chat--color-dark: #000000;
  --chat--color-disabled: #777980;
  --chat--color-typing: #404040;
  --chat--spacing: 1rem;
  --chat--padding: 0.5rem 0.75rem;
  --chat--border-radius: 1.25rem;
  --chat--transition-duration: 0.15s;
  --chat--window--width: 400px;
  --chat--window--height: 600px;
  --chat--window--bottom: 1.5rem;
  --chat--window--right: 1.5rem;
  --chat--header-height: auto;
  --chat--header--padding: 1rem;
  --chat--header--background: #F9B104;
  --chat--header--color: #000000;
  --chat--header--border-top: none;
  --chat--header--border-bottom: none;
  --chat--heading--font-size: 1.125rem;
  --chat--subtitle--font-size: 0.875rem;
  --chat--subtitle--line-height: 1.25rem;
  --chat--footer--background: #ffffff;
  --chat--textarea--height: 50px;
  --chat--body--background: #ffffff;
  --chat--message--font-size: 0.875rem;
  --chat--message--padding: 0.5rem 0.75rem;
  --chat--message--border-radius: 1.25rem;
  --chat--message-line-height: 1.8;
  --chat--message--bot--background: rgb(244, 246, 248);
  --chat--message--bot--color: #000000;
  --chat--message--bot--border: none;
  --chat--message--user--background: #F9B104;
  --chat--message--user--color: #000000;
  --chat--message--user--border: none;
  --chat--message--pre--background: rgba(0, 0, 0, 0.05);
  --chat--input--font-size: 0.875rem;
  --chat--input--send--button--color: #F9B104;
  --chat--toggle--background: #F9B104;
  --chat--toggle--hover--background: #F9B104;
  --chat--toggle--active--background: #F9B104;
  --chat--toggle--color: #000000;
  --chat--toggle--size: 72px;
  --font-weight--bold: 600;
}

.chat-window-wrapper .chat-window-toggle svg {
  width: calc(var(--chat--toggle--size) * 0.45);
  height: calc(var(--chat--toggle--size) * 0.45);
}

.n8n-chat {
  z-index: 999999;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.n8n-chat .chat-window {
  box-shadow: rgba(23, 73, 77, 0.15) 0px 20px 30px;
  border-radius: 12px;
  border: 0 !important;
}

.n8n-chat .chat-header,
.n8n-chat .chat-layout .chat-header {
  gap: 0;
  position: relative;
  overflow: hidden;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
  display: grid !important;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  align-items: center;
  padding-left: 4.5rem !important;
  padding-right: 3.5rem !important;
}

.n8n-chat .chat-header h1,
.n8n-chat .chat-layout .chat-header h1 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
  font-weight: 600;
  font-size: 1.125rem !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

.n8n-chat .chat-heading { display: contents; }

.n8n-chat .chat-header > p {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* ── Survio rating bar ── */
.n8n-chat .rs-survio-wrap {
  position: sticky;
  top: 0;
  z-index: 10;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.n8n-chat .rs-survio-bar {
  width: 100%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  background: linear-gradient(to bottom, #fdd96a 0%, #fde89a 100%);
  color: rgba(0, 0, 0, 0.72);
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1),
              opacity 0.4s ease,
              padding-top 0.4s ease,
              padding-bottom 0.4s ease;
}

.n8n-chat .rs-survio-bar.rs-survio-bar--visible {
  max-height: 200px;
  opacity: 1;
  padding-top: 0.5rem;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0 0 1.25rem 1.25rem;
  box-shadow: 0 6px 18px rgba(249, 177, 4, 0.25);
  cursor: pointer;
}

.n8n-chat .rs-survio-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1px 72px;
  background: linear-gradient(to bottom, #fdd96a 0%, #fde89a 100%);
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0 0 1rem 1rem;
  box-shadow: 0 6px 18px rgba(249, 177, 4, 0.25);
  cursor: pointer;
  font-size: 8px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.55);
  transition: background 0.15s ease, color 0.15s ease;
}

.n8n-chat .rs-survio-toggle:hover {
  background: linear-gradient(to bottom, #fce052 0%, #fde080 100%);
  color: rgba(0, 0, 0, 0.75);
}

.n8n-chat .rs-star-rating {
  cursor: pointer;
  color: #c47e00;
  letter-spacing: 0.05em;
}

/* ── Survio popup overrides ── */

/* Sit above the chat widget (z-index: 999999) */
.survioModal {
  z-index: 9999999 !important;
}

/* Survio Pop up size */
.survioModalContent {
  width: 660px !important;
  max-width: calc(100vw - 2rem) !important;
  height: 580px !important;
  max-height: calc(100dvh - 2rem) !important;
}

@media (max-width: 640px) {
  .survioModalContent {
    width: calc(100vw - 3rem) !important;
    max-width: calc(100vw - 3rem) !important;
    height: 72dvh !important;
    max-height: 72dvh !important;
  }
}

/* ── End of Survio elements ── */

.n8n-chat .chat-message {
  width: fit-content;
  max-width: calc(100% - 6.25rem);
  font-weight: 400;
}

.n8n-chat .chat-message-markdown p {
  margin: 0 0 0.35em 0;
}

.n8n-chat .chat-message-markdown p:last-child {
  margin-bottom: 0;
}

.n8n-chat .chat-message-typing .chat-message-typing-circle {
  width: 0.35rem;
  height: 0.35rem;
  margin: 2px;
  animation: .8s ease-in-out infinite chat-message-typing-animation-bouncing;
}
.n8n-chat .chat-message-typing .chat-message-typing-circle:first-child  { animation-delay: 0s; }
.n8n-chat .chat-message-typing .chat-message-typing-circle:nth-child(2) { animation-delay: .333s; }
.n8n-chat .chat-message-typing .chat-message-typing-circle:nth-child(3) { animation-delay: .666s; }

@keyframes chat-message-typing-animation-bouncing {
  0%   { transform: translateY(0); }
  33%  { transform: translateY(0); }
  50%  { transform: translateY(-10px); }
  100% { transform: translateY(0); }
}

.n8n-chat .chat-input { padding: 0.75rem; }

.n8n-chat .chat-inputs {
  overflow: hidden;
  border-radius: 1.25rem;
  border: 1px solid rgba(0, 0, 0, 0.55);
}

.n8n-chat .chat-inputs:has(textarea:active),
.n8n-chat .chat-inputs:has(textarea:focus) {
  border: 2px solid #F9B104;
}

.n8n-chat .chat-input-send-button:disabled,
.n8n-chat .chat-input-send-button[disabled] {
  color: #777980 !important;
  cursor: not-allowed;
}

.n8n-chat .rs-roadbot-avatar {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1rem;
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("https://assets.roadsurfer.com/phpGkOJMn.jpg");
}

.n8n-chat .rs-roadbot-icon {
  position: absolute;
  border-radius: 100%;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  width: 3rem;
  height: 3rem;
  background-size: 1.25rem;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='13' viewBox='0 0 21 13'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23333' d='M20.1005 2.7169L10.9931 11.8244C10.4724 12.3451 9.62815 12.3451 9.10745 11.8244L-8.00829e-06 2.7169L1.88561 0.831278L10.0503 8.99593L18.2149 0.831278L20.1005 2.7169Z'/%3E%3C/svg%3E");
}

.n8n-chat .rs-roadbot-icon:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.n8n-chat .rs-disclaimer {
  text-align: center;
  font-size: 0.69rem;
  color: #999;
  padding: 0 0.75rem 0.6rem;
  margin: 0;
  line-height: 1.4;
}

/* ── Mobile ── */
@media (max-width: 640px) {
  .chat-window-wrapper {
    bottom: 0 !important;
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
  }

  .chat-window-wrapper .chat-window {
    width: 100vw !important;
    height: 100dvh !important;
    border-radius: 0 0 0 0 !important;
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
    margin-bottom: 0 !important;
  }

  .chat-window-wrapper .chat-window-toggle {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
  }

  .chat-window-wrapper.rs-chat-open .chat-window-toggle {
    display: none !important;
  }

  /* Prevent iOS Safari zoom on input focus */
  .n8n-chat .chat-inputs textarea {
    font-size: 16px !important;
  }

  /* Keep input bar above the keyboard */
  .n8n-chat .chat-footer {
    position: sticky;
    bottom: 0;
  }

  /* Larger send button touch target */
  .n8n-chat .chat-input-send-button {
    width: 3rem;
    height: 3rem;
  }
}