.lc-widget,.lc-widget * ,#chat-inbox,#chat-inbox *{box-sizing:border-box}
.lc-widget{--lc-primary:#198754;--lc-header:#145c3b;--lc-text:#182d24;--lc-button:#198754;--lc-width:370px;--lc-radius:16px;position:fixed;right:22px;bottom:22px;z-index:1050;color:var(--lc-text);font:14px/1.45 system-ui,sans-serif}
.lc-widget.lc-left{right:auto;left:22px}.lc-widget [hidden],#chat-inbox [hidden]{display:none!important}
.lc-widget button,#chat-inbox button{cursor:pointer;border:1px solid #d8e3dc;border-radius:8px;padding:9px 13px;font:inherit;line-height:1.3;background:#fff;color:#174932}
.lc-widget button:disabled,#chat-inbox button:disabled{opacity:.55;cursor:default}
.lc-widget .lc-topic-form button[type=submit]:disabled{opacity:1}
.lc-widget button:focus-visible,#chat-inbox button:focus-visible,.lc-widget input:focus-visible,.lc-widget textarea:focus-visible,#chat-inbox input:focus-visible,#chat-inbox textarea:focus-visible,#chat-inbox select:focus-visible{outline:3px solid #5bafff;outline-offset:2px}
.lc-widget .lc-launcher{display:flex;align-items:center;gap:12px;background:var(--lc-primary);color:#fff;padding:14px 20px;border:0;border-radius:30px;box-shadow:0 5px 25px #132e2630;margin-left:auto}
.lc-left .lc-launcher{margin-left:0}.lc-badge{border-radius:20px;background:#fff;color:#184b32;min-width:22px;padding:2px 6px}
.lc-widget .lc-launcher{position:relative;gap:11px;padding:10px 17px 10px 10px;border:1px solid #ffffff40;border-radius:36px;background:linear-gradient(135deg,#168652,#09683e);box-shadow:0 6px 24px #075c3938,inset 0 1px 0 #ffffff30;transition:transform .2s ease,box-shadow .2s ease}
.lc-widget .lc-launcher:hover{transform:translateY(-3px);box-shadow:0 10px 30px #075c394d;background:linear-gradient(135deg,#1a945b,#087044)}
.lc-widget .lc-launcher:active{transform:translateY(0)}
.lc-cat{display:flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:#ffffff20;transform:rotate(-8deg);transition:transform .25s ease}
.lc-cat svg{display:block;width:48px;height:48px;overflow:visible}
.lc-launcher:hover .lc-cat{transform:rotate(5deg)}
.lc-launcher-copy{display:flex;flex-direction:column;gap:3px;text-align:left;white-space:nowrap}
.lc-launcher-title{font-size:16px;font-weight:750;letter-spacing:.1px}
.lc-launcher-subtitle{font-size:11px;font-weight:400;color:#e0f5e9}
.lc-launcher-arrow{display:grid;place-items:center;width:25px;height:25px;margin-left:3px;border:1px solid #ffffff45;border-radius:50%;font-size:18px;line-height:1}
.lc-launcher .lc-badge{position:absolute;right:0;top:-7px;border:2px solid #11804c;font-size:12px;box-shadow:0 2px 8px #075c3925}
.lc-launcher .lc-cat{animation:lc-cat-hello 4s ease-in-out infinite}
.lc-cat-eyes{transform-box:fill-box;transform-origin:center;animation:lc-cat-blink 5.2s ease-in-out infinite}
.lc-cat-paw{transform-origin:54px 59px;animation:lc-cat-wave 3.2s ease-in-out infinite}
@keyframes lc-cat-hello{0%,100%{transform:translateY(0) rotate(-5deg)}45%{transform:translateY(-3px) rotate(4deg)}70%{transform:translateY(-1px) rotate(-2deg)}}
@keyframes lc-cat-blink{0%,39%,44%,72%,77%,100%{transform:scaleY(1)}41%,75%{transform:scaleY(.1)}}
@keyframes lc-cat-wave{0%,55%,100%{transform:rotate(0)}10%,30%{transform:rotate(-18deg)}20%,40%{transform:rotate(12deg)}}
@media(max-width:650px){.lc-widget .lc-launcher{gap:9px;padding:8px 13px 8px 8px}.lc-cat,.lc-cat svg{width:42px;height:42px}.lc-cat{flex-basis:42px}.lc-launcher-title{font-size:15px}.lc-launcher-arrow{display:none}}
@media(prefers-reduced-motion:reduce){.lc-widget .lc-launcher,.lc-cat{transition:none}.lc-launcher .lc-cat,.lc-cat-eyes,.lc-cat-paw{animation:none}}
.lc-panel{width:var(--lc-width);max-width:calc(100vw - 32px);border-radius:var(--lc-radius);background:#fff;box-shadow:0 12px 60px #18372e35;border:1px solid #dae5df;overflow:hidden;margin-bottom:12px;position:absolute;bottom:100%;right:0;max-height:calc(100dvh - 100px);overflow-y:auto}
.lc-left .lc-panel{right:auto;left:0}.lc-panel header{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;background:var(--lc-header);color:#fff}.lc-panel header strong{font-size:17px}.lc-panel header button{padding:0 8px;background:transparent;color:#fff;border:0;font-size:25px}
.lc-intro{padding:14px 18px 0}.lc-intro p{margin:0 0 8px}.lc-availability{font-size:12px;color:#5b6b62}.lc-error{color:#a12424;padding:0 14px;white-space:pre-wrap}.lc-error:not(:empty){padding:10px 14px;background:#fff0ef}
.lc-start{padding:12px 18px 18px}.lc-widget label,#chat-inbox label{display:block;margin-bottom:9px;font-weight:500}.lc-widget input,.lc-widget textarea,#chat-inbox input:not([type=checkbox]),#chat-inbox textarea,#chat-inbox select{display:block;width:100%;padding:9px 10px;border:1px solid #cddbd2;border-radius:7px;background:#fff;color:#20372a;font:inherit;margin-top:4px}
.lc-widget textarea,#chat-inbox textarea{resize:vertical}.lc-widget .lc-start button,.lc-widget .lc-compose button,.lc-widget .lc-identified{background:var(--lc-button);color:#fff;border:0}.lc-identified{margin:16px}
.lc-messages{overflow-y:auto;overscroll-behavior:contain;padding:12px;min-height:100px;height:280px;background:#f5f8f6;display:flex;flex-direction:column;gap:10px}
.lc-message{padding:10px 12px;max-width:90%;border-radius:12px;background:#fff;border:1px solid #e0e8e2;align-self:flex-start;overflow-wrap:anywhere}.lc-message small{display:block;font-size:10px;color:#52685b;margin-bottom:3px}.lc-body{white-space:pre-wrap}.lc-widget .lc-customer{align-self:flex-end;background:#e7f3ed}.lc-widget .lc-agent{border-left:3px solid var(--lc-primary)}
.lc-compose{padding:12px;border-top:1px solid #e1e9e3}.lc-widget .lc-compose{display:flex;gap:8px}.lc-compose textarea{min-width:0}.lc-typing,.lc-disclosure,.lc-draft{padding:0 12px;font-size:12px;min-height:16px;margin:6px 0}.lc-disclosure,.lc-draft{background:#fff5d8;padding:9px 12px;color:#614b11;white-space:pre-wrap;overflow-wrap:anywhere}.lc-closed{padding:12px}.lc-older{font-size:12px!important;margin:8px 12px}.lc-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.chat-inbox-heading{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.chat-inbox-heading h1{font-size:26px;margin:0}#chat-inbox{background:#fff;border:1px solid #d9e3dd;border-radius:12px;overflow:hidden;margin-bottom:24px;color:#20372a}#chat-inbox .lc-toolbar{padding:12px 16px;display:flex;align-items:center;gap:20px;border-bottom:1px solid #d9e3dd}#chat-inbox .lc-toolbar label{display:flex;align-items:center;gap:8px;margin:0}.lc-connection{font-size:12px;color:#5c7566;margin-left:auto}.lc-inbox-grid{display:grid;grid-template-columns:minmax(230px,28%) minmax(280px,1fr) 245px;min-height:650px}.lc-queue-panel{background:#f7faf8;border-right:1px solid #dfe8e2;padding:14px}.lc-filters{font-size:12px}.lc-dates{display:flex;gap:5px}.lc-dates label{min-width:0;flex:1}.lc-queue{margin-top:16px;max-height:550px;overflow:auto}#chat-inbox .lc-queue-item{display:flex;flex-direction:column;text-align:left;width:100%;margin-bottom:8px;gap:5px;padding:12px}#chat-inbox .lc-queue-item span{font-size:12px;overflow-wrap:anywhere}#chat-inbox .lc-queue-item small{color:#567060;font-size:11px}#chat-inbox .lc-selected{border-color:#198754;background:#eaf6ef}.lc-pagination{display:flex;gap:8px;justify-content:space-between;margin-top:10px}.lc-conversation{min-width:0;display:flex;flex-direction:column}.lc-chat-title{font-size:20px;margin:18px 18px 5px}.lc-chat-status{margin:0 18px 12px;font-size:11px;color:#5e7868;overflow-wrap:anywhere}#chat-inbox .lc-messages{height:420px;flex:1}#chat-inbox .lc-agent{align-self:flex-end;background:#e8f4ec}#chat-inbox .lc-note{background:#fff4cf;border:1px dashed #d8b954}#chat-inbox .lc-compose>div{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:8px}#chat-inbox .lc-compose label{font-size:12px;margin:0}#chat-inbox .lc-compose button{margin-left:auto;background:#198754;color:#fff}.lc-details{padding:18px;border-left:1px solid #dfe8e2;font-size:12px;overflow-wrap:anywhere}.lc-details h3{font-size:15px;margin:0 0 14px}.lc-details>button{margin:5px 0;width:100%}.lc-transfer{margin:18px 0}.lc-events{padding-left:18px;color:#5a7063;max-height:230px;overflow:auto}.lc-events li{margin-bottom:8px}
@media(max-width:1100px){.lc-inbox-grid{grid-template-columns:240px 1fr}.lc-details{grid-column:1/-1;border-top:1px solid #dfe8e2}.lc-details>button{width:auto}.lc-transfer{max-width:500px}}
@media(max-width:650px){.lc-widget{right:12px;bottom:12px}.lc-widget.lc-left{left:12px}.lc-messages{height:230px}.lc-inbox-grid{display:block}.lc-queue-panel{border-right:0}.lc-queue{max-height:220px}#chat-inbox .lc-toolbar{flex-wrap:wrap;gap:8px}#chat-inbox .lc-messages{height:350px;flex:auto}.chat-inbox-heading h1{font-size:21px}}
.lc-widget select{display:block;width:100%;padding:9px 10px;border:1px solid #cddbd2;border-radius:7px;background:#fff;color:#20372a;font:inherit;margin-top:4px}.lc-widget select:focus-visible{outline:3px solid #5bafff;outline-offset:2px}.lc-resource-help{font-size:12px;color:#5b6b62}
/* Compact customer panel: keep the header and composer fixed around the transcript. */
.lc-widget .lc-panel{display:flex;flex-direction:column;max-height:min(460px,calc(100dvh - 100px));overflow:hidden;box-shadow:0 12px 40px #18372e25}
.lc-widget .lc-panel header{flex-shrink:0;padding:12px 16px}
.lc-widget .lc-thread{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.lc-widget .lc-messages{height:240px;min-height:0;flex:1 1 240px;scrollbar-width:thin;scrollbar-color:#b7c9bf transparent}
.lc-widget .lc-message{flex-shrink:0;box-shadow:0 1px 2px #18372e08}
.lc-widget .lc-agent-status{flex-shrink:0;margin:0;padding:9px 14px;font-size:12px;color:var(--lc-text);background:#f0f7f3;border-bottom:1px solid #e1e9e3}
.lc-widget .lc-compose{flex-shrink:0;align-items:center;margin:0;padding:10px 12px;gap:8px;background:#fff}
.lc-widget .lc-compose textarea{flex:1;margin:0;min-height:42px;height:48px;max-height:48px;resize:none;font-size:14px}
.lc-widget .lc-compose button{flex:0 0 auto;align-self:center;width:auto;height:36px;min-height:0;padding:8px 14px;border-radius:8px;line-height:20px}
.lc-widget .lc-keyboard-hint{flex-shrink:0;display:block;padding:0 12px 8px;font-size:10px;color:#6a7c71;background:#fff}
.lc-widget .lc-typing{flex-shrink:0;margin:0;padding:3px 12px;font-size:11px;min-height:20px}
.lc-widget .lc-disclosure,.lc-widget .lc-older{flex-shrink:0}
.lc-widget .lc-start{min-height:0;overflow-y:auto;padding:10px 16px 14px}
.lc-widget .lc-start textarea{resize:none;height:70px}
.lc-widget .lc-start>button[type="submit"]{display:block;width:100%;margin-top:12px}
.lc-widget .lc-intro{padding:10px 16px 0;flex-shrink:0}
.lc-widget .lc-error{flex-shrink:0;font-size:12px}
@media(max-height:520px){.lc-widget .lc-panel{max-height:calc(100dvh - 78px)}.lc-widget .lc-launcher{padding:10px 16px}.lc-widget .lc-keyboard-hint{display:none}}
.lc-widget .lc-badge-field{margin-bottom:12px;font-weight:500}
.lc-widget .lc-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
.lc-widget .lc-choice{position:relative;display:inline-flex;margin:0;font-size:12px;max-width:100%;cursor:pointer}
.lc-widget .lc-choice input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;margin:0;padding:0}
.lc-widget .lc-choice span{display:block;border:1px solid #cddbd2;border-radius:18px;padding:7px 12px;line-height:1.35;background:#fff;overflow-wrap:anywhere}
.lc-widget .lc-choice input:checked+span{background:var(--lc-primary);border-color:var(--lc-primary);color:#fff;box-shadow:0 2px 5px #18372e18}
.lc-widget .lc-choice input:focus-visible+span{outline:2px solid #5bafff;outline-offset:2px}
.lc-widget .lc-choice:hover span{border-color:var(--lc-primary)}
.lc-widget .lc-field-error{display:block;color:#be1e2d;font-size:12px;font-weight:400;margin-top:4px}
.lc-widget .is-invalid,.lc-widget .has-error .lc-choice span{border-color:#be1e2d!important;box-shadow:0 0 0 1px #be1e2d15}
.lc-widget .lc-account-request{flex-shrink:0;max-height:170px;overflow-y:auto;padding:10px 12px;background:#f0f7f3;border-bottom:1px solid #dae5df;font-size:12px;margin:0}
.lc-widget .lc-account-request p{margin:5px 0}.lc-widget .lc-account-request button{margin-top:8px;background:var(--lc-button);color:#fff}
#chat-inbox .lc-request-actions{margin:18px 0}#chat-inbox .lc-request-actions button{margin:3px 0;width:100%}