@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:wght@100..1000&display=swap');

.muysl-rep-widget, .muysl-rep-widget * { box-sizing: border-box; }
.muysl-rep-widget { position: fixed; z-index: 2147483000; right: 24px; bottom: 24px; color: #fff; font-family: 'Google Sans Flex', -apple-system, BlinkMacSystemFont, sans-serif; text-align: left; text-transform: uppercase; letter-spacing: 0; }
.muysl-rep-widget .muysl-rep-launcher { display: inline-flex; align-items: center; border: 1px solid #fff; border-radius: 0; padding: 14px 18px; background: #050505; color: #fff; font-family: 'Google Sans Flex', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 0.6875rem; font-weight: 300; line-height: 1; letter-spacing: 0; text-transform: uppercase; text-align: left; box-shadow: 0 10px 28px #0005; cursor: pointer; }
.muysl-rep-widget .muysl-rep-launcher:hover, .muysl-rep-widget .muysl-rep-launcher:focus-visible { background: #202020; color: #fff; }
.muysl-rep-widget .muysl-rep-launcher span { color: inherit; font: inherit; letter-spacing: inherit; text-transform: inherit; }
.muysl-rep-widget .muysl-rep-panel { position: absolute; right: 0; bottom: calc(100% + 12px); width: min(420px, calc(100vw - 32px)); overflow: hidden; border: 1px solid #fff; border-radius: 0; background: #050505; color: #fff; box-shadow: 0 18px 50px #0008; text-align: left; }
.muysl-rep-widget .muysl-rep-panel[hidden] { display: none; }
.muysl-rep-widget .muysl-rep-body[hidden], .muysl-rep-widget .muysl-rep-loading[hidden] { display: none; }
.muysl-rep-widget .muysl-rep-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 15px 20px; border-bottom: 1px solid #404040; }
.muysl-rep-widget .muysl-rep-language { border: 0; padding: 4px 0; background: transparent; color: #fff; font-family: inherit; font-size: 0.6875rem; font-weight: 400; line-height: 1; letter-spacing: 0; cursor: pointer; }
.muysl-rep-widget .muysl-rep-language:hover, .muysl-rep-widget .muysl-rep-language:focus-visible { color: #aaa; }
.muysl-rep-widget .muysl-rep-eyebrow { margin: 0 0 12px; color: #bcbcbc; font-size: 0.6875rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.muysl-rep-widget .muysl-rep-title { margin: 0 0 18px; color: #fff; font-family: 'Google Sans Flex', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 0.6875rem; font-weight: 500; line-height: 1.3; letter-spacing: 0; text-transform: uppercase; }
.muysl-rep-widget .muysl-rep-close { position: relative; flex: none; width: 30px; height: 30px; border: 0; border-radius: 0; padding: 0; background: transparent; color: #fff; font-size: 0; cursor: pointer; }
.muysl-rep-widget .muysl-rep-close::before, .muysl-rep-widget .muysl-rep-close::after { content: ''; position: absolute; top: 14px; left: 5px; width: 20px; height: 1px; background: currentColor; }
.muysl-rep-widget .muysl-rep-close::before { transform: rotate(45deg); }
.muysl-rep-widget .muysl-rep-close::after { transform: rotate(-45deg); }
.muysl-rep-widget .muysl-rep-close:hover, .muysl-rep-widget .muysl-rep-close:focus-visible { color: #aaa; }
.muysl-rep-widget .muysl-rep-loading { position: relative; display: grid; height: 260px; padding: 0 25px; place-items: center; text-align: center; }
.muysl-rep-widget .muysl-rep-loading-content { position: relative; display: grid; width: 100%; height: 100%; place-items: center; }
.muysl-rep-widget .muysl-rep-dots { position: absolute; right: 0; bottom: 20px; display: grid; grid-template-columns: repeat(3, 9px); gap: 8px; }
.muysl-rep-widget .muysl-rep-dots span { display: block; width: 9px; height: 9px; background: #fff; animation: muysl-rep-pulse 1.2s ease-in-out infinite; }
.muysl-rep-widget .muysl-rep-dots span:nth-child(2) { animation-delay: .15s; }
.muysl-rep-widget .muysl-rep-dots span:nth-child(3) { animation-delay: .3s; }
.muysl-rep-widget .muysl-rep-status { width: 100%; max-width: 370px; margin: 0; color: #fff; font-size: 0.6875rem; font-weight: 300; line-height: 1.5; letter-spacing: 0; text-transform: uppercase; opacity: 1; transition: opacity .4s ease-in-out; }
@keyframes muysl-rep-pulse { 0%, 100% { opacity: .25; transform: scale(.7); } 50% { opacity: 1; transform: scale(1); } }
.muysl-rep-widget .muysl-rep-body { padding: 0; }
.muysl-rep-widget .muysl-rep-chat-heading { display: flex; align-items: center; gap: 8px; padding: 11px 20px; border-bottom: 1px solid #333; color: #fff; font-size: 0.6875rem; font-weight: 400; letter-spacing: 0; text-transform: none; }
.muysl-rep-widget .muysl-rep-chat-heading span { color: inherit; font: inherit; letter-spacing: inherit; }
.muysl-rep-widget .muysl-rep-online { display: block; width: 7px; height: 7px; flex: none; background: #22c55e; }
.muysl-rep-widget .muysl-rep-conversation { display: flex; min-height: 200px; max-height: min(35vh, 300px); overflow-y: auto; padding: 24px 20px; flex-direction: column; align-items: flex-start; gap: 14px; }
.muysl-rep-widget .muysl-rep-bubble { max-width: 85%; border: 1px solid #555; padding: 13px 15px; color: #fff; font-size: 0.6875rem; font-weight: 300; line-height: 1.45; letter-spacing: 0; text-transform: none; overflow-wrap: anywhere; }
.muysl-rep-widget .muysl-rep-bubble a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.muysl-rep-widget .muysl-rep-bubble p { margin: 0; color: #fff; font: inherit; letter-spacing: inherit; text-transform: none; }
.muysl-rep-widget .muysl-rep-bubble-agent { background: #171717; }
.muysl-rep-widget .muysl-rep-agent-entry { display: flex; max-width: 85%; flex-direction: column; align-items: flex-start; gap: 5px; }
.muysl-rep-widget .muysl-rep-agent-entry .muysl-rep-bubble-agent { max-width: 100%; }
.muysl-rep-widget .muysl-rep-typing { display: inline-flex; align-items: center; gap: 5px; min-height: 42px; }
.muysl-rep-widget .muysl-rep-typing span { display: block; width: 5px; height: 5px; border-radius: 50%; background: #fff; animation: muysl-rep-typing 1s ease-in-out infinite; }
.muysl-rep-widget .muysl-rep-typing span:nth-child(2) { animation-delay: .15s; }
.muysl-rep-widget .muysl-rep-typing span:nth-child(3) { animation-delay: .3s; }
@keyframes muysl-rep-typing { 0%, 60%, 100% { opacity: .3; transform: translateY(0); } 30% { opacity: 1; transform: translateY(-3px); } }
.muysl-rep-widget .muysl-rep-bubble-user { align-self: flex-end; border-color: #fff; background: #333; white-space: pre-wrap; }
.muysl-rep-widget .muysl-rep-user-entry { display: flex; max-width: 85%; align-self: flex-end; flex-direction: column; align-items: flex-end; gap: 5px; }
.muysl-rep-widget .muysl-rep-user-entry .muysl-rep-bubble-user { max-width: 100%; }
.muysl-rep-widget .muysl-rep-user-meta { display: flex; align-items: center; gap: 6px; }
.muysl-rep-widget .muysl-rep-timestamp, .muysl-rep-widget .muysl-rep-seen { color: #aaa; font-family: 'Google Sans Flex', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 0.625rem; font-weight: 300; line-height: 1.3; letter-spacing: 0; text-transform: none; }
.muysl-rep-widget .muysl-rep-seen[hidden] { display: none; }
.muysl-rep-widget .muysl-rep-seen:not([hidden])::before { content: '·'; margin-right: 6px; }
.muysl-rep-widget .muysl-rep-sender { display: block; margin-bottom: 8px; color: #aaa; font-size: 0.6875rem; font-weight: 600; letter-spacing: 0; }
.muysl-rep-widget .muysl-rep-composer { padding: 16px 20px 18px; border-top: 1px solid #333; }
.muysl-rep-widget .muysl-rep-label { display: block; margin-bottom: 8px; color: #fff; font-size: 0.6875rem; font-weight: 500; letter-spacing: 0; text-transform: uppercase; }
.muysl-rep-widget .muysl-rep-composer-row { display: flex; align-items: stretch; gap: 8px; }
.muysl-rep-widget .muysl-rep-message { display: block; width: 100%; min-width: 0; height: 42px; border: 1px solid #777; border-radius: 0; padding: 11px; outline: none; background: #111; color: #fff; font: 300 0.6875rem/1.45 'Google Sans Flex', -apple-system, BlinkMacSystemFont, sans-serif; letter-spacing: 0; text-transform: none; text-align: left; }
.muysl-rep-widget .muysl-rep-send { flex: none; align-self: flex-end; height: 42px; border: 1px solid #fff; padding: 0 12px; background: #fff; color: #000; font-family: 'Google Sans Flex', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 0.6875rem; font-weight: 500; line-height: 1; letter-spacing: 0; cursor: pointer; }
.muysl-rep-widget .muysl-rep-send[hidden] { display: none; }
.muysl-rep-widget .muysl-rep-send:disabled, .muysl-rep-widget .muysl-rep-message:disabled { opacity: .6; cursor: default; }
.muysl-rep-widget .muysl-rep-message:read-only { color: #aaa; cursor: default; }
.muysl-rep-widget .muysl-rep-send:hover, .muysl-rep-widget .muysl-rep-send:focus-visible { background: #ddd; color: #000; }
.muysl-rep-widget .muysl-rep-message:focus { border-color: #fff; }
.muysl-rep-widget .muysl-rep-message::placeholder { color: #999; text-transform: uppercase; }
@media (max-width: 480px) { .muysl-rep-widget { right: 16px; bottom: 16px; } .muysl-rep-widget .muysl-rep-panel { max-height: calc(100dvh - 96px); overflow-y: auto; } .muysl-rep-widget .muysl-rep-launcher { padding: 14px 16px; } }
@media (prefers-reduced-motion: reduce) { .muysl-rep-widget .muysl-rep-dots span, .muysl-rep-widget .muysl-rep-typing span { animation-duration: 2.4s; } }
@media (prefers-reduced-motion: reduce) { .muysl-rep-widget .muysl-rep-status { transition: none; } }