:root{font-family:Tahoma,Arial,sans-serif;color:#243333;background:#e5eae8;font-synthesis:none;--green:#075e54;--accent:#128c7e;--muted:#667781}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at top,#cadad4,#e9eeeb 65%)}button,textarea,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #40c6ac;outline-offset:3px}[hidden]{display:none!important}.chat-shell{height:min(900px,calc(100dvh - 56px));width:min(800px,calc(100% - 40px));margin:28px auto;display:flex;flex-direction:column;overflow:hidden;border-radius:22px;background:#efeae2;box-shadow:0 20px 70px #1b463329}.chat-header{display:flex;align-items:center;gap:13px;padding:16px 20px;color:#fff;background:var(--green);flex-shrink:0}.brand-avatar{width:47px;height:47px;position:relative;flex-shrink:0;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--green);font-weight:bold;font-size:26px}.brand-avatar img{width:38px;height:38px;object-fit:contain}.online-dot{position:absolute;bottom:0;left:0;width:11px;height:11px;background:#58df98;border:2px solid var(--green);border-radius:50%}.chat-identity{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.chat-identity strong{font-size:16px}.chat-identity span{font-size:12px;opacity:.82}.icon-button{background:transparent;border:0;color:#fff;font-size:23px;width:34px;height:38px;border-radius:8px}.icon-button:hover{background:#ffffff18}.chat-menu{background:#fff;padding:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-bottom:1px solid #dededb;flex-shrink:0}.chat-menu button,.chat-menu a{border:1px solid #dce7e2;border-radius:10px;padding:11px 6px;background:#f8fbfa;color:var(--green);font-size:12px;text-align:center;text-decoration:none}.chat-messages{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 28px;display:flex;flex-direction:column;gap:12px;background-color:#efeae2;background-image:radial-gradient(#7c8b7d12 1px,transparent 1px);background-size:18px 18px;scroll-behavior:smooth}.day-pill,.connection-state{align-self:center;background:#ffffffcf;padding:7px 14px;border-radius:8px;font-size:11px;color:var(--muted);box-shadow:0 1px 2px #0001}.connection-state{margin-top:25px}.message{max-width:85%;padding:11px 13px 7px;position:relative;border-radius:12px;box-shadow:0 1px 2px #00000014;overflow-wrap:anywhere;background:#fff;align-self:flex-end;border-top-left-radius:3px}.message.customer{background:#d9fdd3;align-self:flex-start;border-top-left-radius:12px;border-top-right-radius:3px}.message.system{align-self:center;max-width:90%;background:#fef9df;box-shadow:none;font-size:12px;text-align:center;border-radius:8px;color:#5b625a}.message-body{font-size:14px;line-height:1.8;white-space:pre-wrap;unicode-bidi:plaintext}.message-author{font-size:11px;font-weight:bold;color:var(--accent);margin-bottom:5px}.message-time{display:flex;gap:5px;justify-content:flex-end;color:var(--muted);font-size:10px;margin-top:4px;direction:ltr}.read-ticks{color:#53bdeb}.message-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.message-actions button,.message-actions a{font-size:12px;text-decoration:none;background:#fff;border:1px solid #cbded5;border-radius:8px;padding:8px 11px;color:var(--green);font-weight:600}.message-image{display:block;width:100%;max-height:300px;object-fit:contain;border-radius:8px}.message audio{max-width:100%;height:40px}.file-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--green);background:#f0f4f1;padding:12px;border-radius:9px;margin:5px 0;max-width:100%}.file-link small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.chat-typing{display:flex;align-items:center;gap:5px;padding:10px 22px;color:var(--muted);background:#f4f3ee}.chat-typing span{width:5px;height:5px;border-radius:50%;background:var(--accent);animation:pulse 1s infinite}.chat-typing span:nth-child(2){animation-delay:.2s}.chat-typing span:nth-child(3){animation-delay:.4s}.chat-typing small{font-size:11px;margin-right:7px}.chat-composer{display:flex;align-items:flex-end;gap:8px;padding:13px 16px 8px;background:#f7f8f6;flex-shrink:0}.chat-composer textarea{resize:none;flex:1;min-width:0;max-height:120px;min-height:44px;border:1px solid #edf0ed;border-radius:20px;background:#fff;padding:11px 15px;font:inherit;font-size:14px;line-height:1.5;outline:none}.composer-button,.send-button{border:0;display:grid;place-items:center;flex-shrink:0;width:40px;height:44px;border-radius:50%;background:transparent;color:#687a72}.composer-button svg,.send-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.send-button{background:var(--accent);color:white;width:44px}.send-button svg{transform:scaleX(-1)}.recording{background:#ffe4e3;color:#d83232;animation:pulse 1s infinite}.chat-footer{background:#f7f8f6;text-align:center;font-size:10px;color:#89978d;padding:0 10px 8px;flex-shrink:0}.chat-error{background:#fff1ee;color:#a43b2a;font-size:12px;padding:10px 16px}.attachment-preview{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;font-size:12px;background:#fff}.attachment-preview button{border:0;background:#eee;border-radius:50%;width:25px;height:25px}.chat-rating{background:#fff;padding:15px;text-align:center;flex-shrink:0}.chat-rating strong{font-size:13px}.chat-rating>div{display:flex;justify-content:center;gap:6px;margin-top:12px}.chat-rating button{border:1px solid #e5e9e5;border-radius:9px;padding:9px;background:#fcfdfb;color:#a68519}.chat-rating small{display:block;color:#687a72;font-size:10px;margin-top:4px}.embedded{background:#efeae2}.embedded .chat-shell{margin:0;width:100%;height:100dvh;border-radius:0;box-shadow:none}@keyframes pulse{50%{opacity:.4}}@media(max-width:600px){body{background:#efeae2}.chat-shell{height:100dvh;width:100%;margin:0;border-radius:0;box-shadow:none}.chat-header{padding:12px 14px}.chat-messages{padding:16px 12px}.message{max-width:91%}.chat-composer{gap:4px;padding:10px 8px 6px}.composer-button{width:32px}.chat-menu{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
#chatRecoveryForm{display:grid;gap:12px}#chatRecoveryForm label{display:grid;gap:5px;font-size:13px}#chatRecoveryForm input{width:100%;box-sizing:border-box;padding:10px;border:1px solid #d5e2dc;border-radius:9px;font:inherit}#chatRecoveryForm button{border:0;border-radius:9px;padding:10px;background:#075e54;color:#fff;font:inherit}#chatRecoveryError{color:#a43b2a;font-size:12px}#chatRecoveryForm p{font-size:12px;line-height:1.8;margin:0}
#chatHistoryDialog .chat-history-content{display:flex;flex-direction:column;gap:12px;padding:18px;overflow-y:auto;max-height:65dvh;min-width:0}.chat-panel-dialog{width:min(620px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:90dvh;padding:0;border:0;border-radius:16px;background:#efeae2;color:#20342a;box-shadow:0 20px 60px #09201955}.chat-panel-dialog::backdrop{background:#092019bc}.chat-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;background:#fff;border-bottom:1px solid #dce3df}.chat-dialog-header h3{margin:0;font-size:15px}.chat-dialog-close,.chat-history-back{position:static;width:auto;height:auto;white-space:normal;font:inherit;font-size:12px;border:1px solid #cadbd2;border-radius:8px;padding:8px 11px;background:#fff;color:#075e54}.chat-history-back{margin:12px 18px 0}.chat-history-card{display:flex;flex-direction:column;align-items:flex-start;gap:7px;position:static;width:100%;height:auto;min-height:90px;text-align:right;padding:14px;border:1px solid #d4dfd9;border-radius:12px;background:#fff;color:#20342a;font:inherit;line-height:1.8;white-space:normal;overflow-wrap:anywhere}.chat-history-card:hover{background:#f7fcf9;border-color:#128c7e}.chat-history-card strong{font-size:13px}.chat-history-card small{font-size:12px;color:#667781}.chat-history-card .chat-history-status{font-size:11px;border-radius:6px;padding:2px 8px;background:#e6f1eb;color:#075e54}.chat-recovery-dialog{width:min(420px,calc(100vw - 24px));padding:20px;background:#fff}.chat-history-content .message{flex-shrink:0;max-width:95%}.chat-history-content .message-time{line-height:1.7;white-space:normal}.chat-panel-dialog button:focus-visible{outline:3px solid #40c6ac;outline-offset:2px}