.si-app .fx-chat{background:#f1f2e9;flex-direction:column;min-height:0;position:relative;overflow:hidden;display:flex!important}.fx-chat *{box-sizing:border-box}.si-app .fx-chat-head{z-index:3;background:#fdfef8;border-bottom:1px solid #e0e4d8;flex-shrink:0;grid-template-columns:36px 39px minmax(0,1fr) 36px;align-items:center;gap:10px;min-height:70px;padding:13px 18px;display:grid;position:relative}.fx-chat-back{border-radius:50%;place-items:center;width:36px;height:36px;color:#496c4a!important;margin:0!important;padding:0!important;display:grid!important}.fx-chat-back:hover{background:#eaf0e0}.fx-chat-back svg{width:22px;height:22px}.fx-chat-avatar{background:#edf2e4;border:1px solid #e1e9d5;border-radius:50%;place-items:center;width:39px;height:39px;display:grid;overflow:hidden}.fx-chat-avatar img{object-fit:contain;width:29px;height:29px}.fx-chat-contact{min-width:0}.si-app .fx-chat-contact h2{font-weight:650;letter-spacing:0!important;color:#23452f!important;margin:0!important;font-size:15px!important;line-height:1.3!important}.si-app .fx-chat-contact p{color:#869478;white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.5;overflow:hidden;margin:3px 0 0!important}.fx-chat-info{align-self:center;position:relative}.fx-chat-info>summary{color:#718c60;cursor:pointer;border-radius:50%;place-items:center;width:35px;height:35px;list-style:none;display:grid}.fx-chat-info>summary::-webkit-details-marker{display:none}.fx-chat-info>summary:hover{background:#eef3e5}.fx-chat-info>summary svg{width:21px;height:21px}.fx-chat-info>div{color:#7a8a6c;overflow-wrap:anywhere;background:#fffefa;border:1px solid #dce5d0;border-radius:13px;gap:11px;width:min(290px,100vw - 35px);padding:18px;font-size:12px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 45px #233d2a1c}.fx-chat-info strong{letter-spacing:.03em;color:#5a7b46;font-size:10px}.fx-chat-info span>b{font-weight:550}.fx-chat-info button{color:#587b45;text-align:left;background:#f0f5e7;border:0;border-radius:8px;align-items:center;gap:8px;padding:9px 11px;font-size:11px;display:flex}.fx-chat-info button svg{width:15px;height:15px}.si-app .fx-chat-log{overscroll-behavior:contain;scrollbar-width:thin;background-color:#f0f1e7;background-image:radial-gradient(#7e956019 .7px,#0000 .7px);background-size:17px 17px;flex-direction:column;flex:1;gap:4px;min-height:0;padding:24px clamp(18px,4vw,70px) 18px;scroll-padding:15px;display:flex;overflow:hidden auto}.si-app .fx-chat-log:before{content:"";flex:1;min-height:12px}.si-app .fx-message{color:#2d482f;background:#fffefa;border:1px solid #e4e8dc;border-radius:8px;flex-shrink:0;align-self:flex-start;width:fit-content;min-width:74px;max-width:min(76%,500px);margin:0 0 5px;padding:8px 10px 5px;position:relative;box-shadow:0 1px 2px #273d2a0a}.si-app .fx-message.is-customer{background:#d9fdd3;border-color:#c7efbe;border-radius:8px 0 8px 8px;align-self:flex-end;color:#111b21}.si-app .fx-message.is-admin{background:#ffffff;border:1px solid #e2e8f0;border-radius:0 8px 8px 8px;align-self:flex-start;color:#111b21;box-shadow:0 1px 2px rgba(0,0,0,0.06)}.si-app .fx-message p{white-space:pre-wrap;overflow-wrap:anywhere;color:#29412b;font-size:14px;font-weight:400;line-height:1.5;margin:0!important;padding:0!important}.fx-message-meta{white-space:nowrap;justify-content:flex-end;align-items:center;gap:4px;min-height:13px;margin:2px 0 0;line-height:1.15;display:flex}.fx-message-meta time{color:#8b9b7c;font-size:9px;font-weight:400}.fx-message-check{color:#6a8b54;font-size:12px;line-height:1}.fx-chat-day{color:#728665;background:#fdfef6dc;border:1px solid #e5ebdb;border-radius:7px;flex-shrink:0;align-self:center;margin:10px 0 14px;padding:4px 10px;font-size:10px;box-shadow:0 1px 2px #27402b04}.si-app form.fx-chat-composer{padding:8px 14px calc(8px + env(safe-area-inset-bottom,0px));background:#f0f2f5;flex-shrink:0;grid-template-columns:minmax(0,1fr) 40px;align-items:end;gap:8px;position:relative;border:0!important;border-top:1px solid #d1d7db!important;border-radius:0!important;margin:0!important;display:grid!important}.fx-chat-input-wrap{background:#ffffff;border:1px solid #d1d7db;border-radius:20px;align-items:center;min-width:0;min-height:40px;padding:8px 14px;display:flex;box-shadow:0 1px 2px rgba(0,0,0,0.04)}.si-app .fx-chat-composer textarea.fx-chat-input{width:100%;min-width:0;height:22px;max-height:120px;display:block;overflow-y:hidden;resize:none!important;color:#111b21!important;min-height:22px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;outline:none!important;margin:0!important;padding:0!important;font:400 14px/22px Inter,system-ui,sans-serif!important}.si-app .fx-chat-composer textarea.fx-chat-input::placeholder{color:#8696a0}.si-app .fx-chat-composer .fx-chat-send{color:#ffffff;cursor:pointer;background:#00a884;place-items:center;width:40px;min-width:40px;height:40px;min-height:40px;transition:background .15s,transform .15s;box-shadow:0 1px 3px rgba(0,0,0,0.1);border:0!important;border-radius:50%!important;margin:0!important;padding:0!important;display:grid!important}.fx-chat-send:hover{background:#244d32!important}.fx-chat-send:active{transform:scale(.95)}.fx-chat-send svg{stroke-width:1.9px;width:21px;height:21px;transform:translate(1px)}.fx-chat-send:disabled{opacity:.4;cursor:default}.fx-chat-send[aria-busy=true] svg{animation:.8s ease-in-out infinite fx-chat-pulse}.si-app .fx-chat-feedback{color:#698257;grid-column:1/-1;padding:2px 6px;font-size:10px;line-height:1.5;display:block}.si-app .fx-chat-feedback[hidden]{display:none!important}.si-app .fx-chat-feedback.is-error{color:#a45e3a;background:#fff6ea;border-radius:9px;padding:9px 12px}.fx-chat .si-new-messages{z-index:2;background:#fffefa;margin:0;position:absolute;bottom:85px;right:20px;box-shadow:0 3px 15px #25422915}.fx-chat .si-load-earlier{background:#f3f5e9;flex-shrink:0;padding:8px;font-size:10px}.si-merchant .si-layout:has(.fx-chat){height:calc(100dvh - 155px);min-height:500px;max-height:1000px}.si-merchant:has(.fx-chat)>.si-workspace-heading,.si-merchant:has(.fx-chat)>.si-new-ticket{display:none}.si-merchant:has(.fx-chat) .si-list-panel .si-panel-heading{padding-top:22px}.fx-chat-new{color:#6d8c54;background:#edf3e4;border-radius:50%;place-items:center;width:29px;height:29px;margin-left:0;display:grid}.fx-chat-new svg{width:17px;height:17px}.si-merchant .si-panel-heading h3{flex:1}.si-app .fx-chat :focus-visible{outline-offset:3px;outline:2px solid #f47a44!important}.si-app .fx-chat-input-wrap:focus-within{border-color:#acc398;box-shadow:0 0 0 2px #789d5c10}.si-app .fx-chat textarea.fx-chat-input:focus-visible{outline:none!important}.guest-session .guest-main .fx-chat{height:calc(100dvh - 210px)!important;min-height:480px!important}.guest-session .guest-intro{display:none}.fx-chat .si-closed{background:#f7f9ef;padding:15px;font-size:11px}@keyframes fx-chat-pulse{50%{opacity:.35}}@media (width>=769px){.fx-chat-head .fx-chat-back{display:none!important}.si-app .fx-chat-head{grid-template-columns:39px minmax(0,1fr) 36px}.si-merchant .si-layout:has(.fx-chat){grid-template-columns:320px minmax(0,1fr)}}@media (max-width:768px){body.flux-chat-open{height:100dvh!important;overflow:hidden!important;position:fixed!important;width:100%!important;inset:0!important}.flux-chat-open .workspace>.topbar,.flux-chat-open .heading-meta,.flux-chat-open .intro,.flux-chat-open .legacy-intro,.flux-chat-open .fw-page-head,.flux-chat-open .si-workspace-heading,.flux-chat-open .si-conversation-stats,.flux-chat-open main.fw-area-support>.fw-copyright,.flux-chat-open .fw-area-support>.si-alert,.flux-chat-open .si-list-panel,.si-merchant .si-layout.has-selection>.si-list-panel,.si-merchant:has(.fx-chat)>.si-workspace-heading,.si-merchant:has(.fx-chat)>.si-conversation-stats{display:none!important}.flux-chat-open .workspace{width:100%!important;height:100dvh!important;min-height:0!important;position:fixed!important;inset:0!important;margin:0!important;padding:0!important;z-index:1000!important;background:#efeae2!important}.flux-chat-open .layout{height:100dvh!important;display:block!important;overflow:hidden!important;margin:0!important;padding:0!important}.flux-chat-open main.portal-modern.fw-area-support{width:100%!important;max-width:none!important;height:100dvh!important;min-height:0!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important}.flux-chat-open .si-merchant{width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;flex:1!important}.si-merchant .si-layout:has(.fx-chat),.si-merchant .si-layout.has-selection{width:100%!important;box-shadow:none!important;height:var(--fx-chat-height,100dvh)!important;max-height:100dvh!important;border:0!important;border-radius:0!important;min-height:0!important;margin:0!important;display:flex!important;flex-direction:column!important;flex:1!important}.si-merchant .si-layout:has(.fx-chat) .si-detail,.si-merchant .si-layout.has-selection .si-detail{width:100%!important;height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;flex:1!important}.si-app .fx-chat-head{grid-template-columns:34px 38px minmax(0,1fr) 34px;gap:8px;min-height:58px;padding:8px 12px;background:#f0f2f5;border-bottom:1px solid #d1d7db}.fx-chat-back{width:34px;height:34px;border-radius:50%;display:inline-flex!important;align-items:center;justify-content:center;color:#54656f!important}.fx-chat-back:active{background:#e2e8f0}.fx-chat-avatar{width:38px;height:38px;min-width:38px;border-radius:50%;background:#ffffff;border:1px solid #d1d7db}.fx-chat-avatar img{width:26px;height:26px}.si-app .fx-chat-contact h2{font-size:15px!important;font-weight:600;color:#111b21!important;margin:0!important}.si-app .fx-chat-contact p{font-size:11px!important;color:#667781!important;margin-top:1px!important}.si-app .fx-chat-log{gap:4px;padding:12px 14px;background-color:#efeae2}.si-app .fx-message{border-radius:8px;min-width:70px;max-width:86%;margin-bottom:4px;padding:8px 10px 6px;box-shadow:0 1px 1px rgba(0,0,0,0.06)}.si-app .fx-message p{font-size:14.5px;line-height:1.45}.fx-message-meta{margin-top:2px}.fx-message-meta time{font-size:10px}.fx-chat-day{margin:8px 0 10px;padding:4px 10px;font-size:10px}.si-app form.fx-chat-composer{padding:6px 10px calc(6px + env(safe-area-inset-bottom,0px));grid-template-columns:minmax(0,1fr) 40px;gap:6px;background:#f0f2f5!important;border-top:1px solid #d1d7db!important}.fx-chat-input-wrap{border-radius:20px;min-height:40px;padding:8px 12px;background:#ffffff}.si-app .fx-chat-composer textarea.fx-chat-input{height:22px;min-height:22px!important;font-size:14px!important;line-height:22px!important}.si-app .fx-chat-composer .fx-chat-send{width:40px;min-width:40px;height:40px;min-height:40px;background:#00a884!important;margin:0!important}.fx-chat-send svg{width:20px;height:20px}.fx-chat .si-new-messages{padding:8px 12px;font-size:11px;bottom:72px;right:14px}.guest-session{overflow:hidden!important}.guest-session .guest-nav,.guest-session .guest-footer,.guest-session .guest-intro,.guest-session .guest-main>.si-alert{display:none!important}.guest-session .guest-main{position:fixed;inset:0;width:100%!important;max-width:none!important;height:100dvh!important;margin:0!important;padding:0!important}.guest-session .guest-main .fx-chat{border:0;height:var(--fx-chat-height,100dvh)!important;border-radius:0!important;min-height:0!important;max-height:none!important}.fx-chat-info>div{top:calc(100% + 12px);right:0}}@media (prefers-reduced-motion:reduce){.fx-chat *{transition:none!important;animation:none!important}}

.fx-message-body p{margin:0 0 6px 0;line-height:1.5}.fx-message-body p:last-child{margin-bottom:0}.fx-message-body strong{font-weight:700}.fx-message-body em{font-style:italic}.fx-code-block{background:#1e293b;color:#f8fafc;padding:8px 12px;border-radius:6px;font-size:12px;margin:6px 0;overflow-x:auto}.fx-inline-code{background:rgba(0,0,0,0.06);padding:2px 5px;border-radius:4px;font-size:12px;color:#b91c1c}.fx-chat-link{color:#0284c7;text-decoration:underline}.fx-chat-list{margin:6px 0;padding-left:18px}.fx-receipt[data-state="read"] svg{color:#53bdeb!important}.fx-receipt[data-state="delivered"] svg,.fx-receipt[data-state="sent"] svg{color:#8696a0!important}

/* ==========================================================================
   Merchant / User Friendly Live Chat Modern Polish
   ========================================================================== */
.fx-chat-avatar-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.fx-avatar-online-dot {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 10px;
  height: 10px;
  background: #10b981;
  border: 2px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.25);
  animation: siPulse 2s infinite ease-in-out;
}
.fx-contact-top-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.fx-contact-sub-row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 2px;
  font-size: 11.5px;
  color: #64748b;
}
.fx-online-text {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #059669;
  font-weight: 500;
}
.fx-sub-sep {
  color: #cbd5e1;
}
.si-copy-ref-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 1px 7px;
  font-size: 10.5px;
  font-family: inherit;
  font-weight: 600;
  color: #475569;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.si-copy-ref-pill:hover {
  background: #e2e8f0;
  color: #0f172a;
}
.si-copy-ref-pill svg {
  width: 11px;
  height: 11px;
}
.fx-chat-head-actions {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
}
.si-btn-ghost-sm {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #ffffff;
  color: #64748b;
  cursor: pointer;
  transition: all 0.15s ease;
}
.si-btn-ghost-sm:hover {
  background: #f8fafc;
  color: #0f172a;
  border-color: #cbd5e1;
}

/* Quick Response Starter Chips */
.fx-chat-quick-actions {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  background: #f8fafc;
  border-top: 1px solid #e2e8f0;
  overflow-x: auto;
  scrollbar-width: none;
  white-space: nowrap;
}
.fx-chat-quick-actions::-webkit-scrollbar {
  display: none;
}
.fx-quick-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 11px;
  font-size: 11.5px;
  font-weight: 500;
  color: #334155;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.fx-quick-chip:hover {
  background: #ecfdf5;
  border-color: #a7f3d0;
  color: #047857;
  transform: translateY(-0.5px);
  box-shadow: 0 1px 2px rgba(4, 120, 87, 0.1);
}

/* Formatting Tools Toolbar */
.fx-composer-outer {
  background: #f0f2f5;
  border-top: 1px solid #d1d7db;
}
.fx-composer-tools {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px 14px 2px;
  background: #f0f2f5;
}
.fx-fmt-btn {
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  color: #64748b;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.fx-fmt-btn:hover {
  background: #ffffff;
  border-color: #cbd5e1;
  color: #0f172a;
}
.fx-fmt-btn svg {
  width: 14px;
  height: 14px;
}
.fx-composer-hint {
  margin-left: auto;
  font-size: 11px;
  color: #94a3b8;
}
.si-copy-ref-pill.is-copied {
  background: #dcfce7 !important;
  border-color: #86efac !important;
  color: #15803d !important;
}
.fx-quick-chip:active {
  transform: scale(0.96);
}
.fx-fmt-btn:active {
  background: #e2e8f0;
  transform: scale(0.95);
}