/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
body,html{margin:0;padding:0;height:100%;width:100%;overflow:hidden;background-color:#efe7dd;touch-action:manipulation;}.chat-wrapper{width:100%;height:100vh;height:100dvh;margin:0 auto;max-width:500px;display:flex;flex-direction:column;border:none;position:relative;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;}.chat-header{background-color:#075e54;color:white;padding:8px 10px;display:flex;align-items:center;flex-shrink:0;box-shadow:0 1px 3px rgba(0,0,0,0.2);z-index:10;gap:8px;}.back-btn{color:white;text-decoration:none;display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;transition:background 0.2s;}.back-btn:active{background-color:rgba(255,255,255,0.1);}.avatar-container{position:relative;width:40px;height:40px;}.avatar-circle{width:100%;height:100%;background-color:#5d7a76;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:20px;}.status-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;background-color:#25d366;border:2px solid #075e54;border-radius:50%;}.header-info{display:flex;flex-direction:column;justify-content:center;flex:1;overflow:hidden;}.header-title{color:white !important;font-size:16px;font-weight:600;margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;}.header-status{font-size:12px;color:#d1e4e1;line-height:1.2;}.chat-history{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:10px;background-color:#efe7dd;-webkit-overflow-scrolling:touch;}.message{max-width:80%;display:flex;flex-direction:column;}.message.bot{align-self:flex-start;}.message.user{align-self:flex-end;}.bubble{padding:8px 10px;border-radius:8px;position:relative;box-shadow:0 1px 1px rgba(0,0,0,0.1);font-size:15px;line-height:1.4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;}.message.bot .bubble{background-color:white;border-top-left-radius:0;}.message.user .bubble{background-color:#dcf8c6;border-top-right-radius:0;}.time{font-size:10px;color:#999;float:right;margin-top:5px;margin-left:10px;}.chat-input-area{background:#f0f0f0;display:flex;gap:8px;align-items:center;flex-shrink:0;padding:8px 10px;padding-bottom:env(safe-area-inset-bottom);}#user-input{flex:1;padding:10px 15px;border-radius:20px;border:none;background:white;outline:none;font-size:16px;box-shadow:0 1px 1px rgba(0,0,0,0.05);}#send-btn{background:#008f72;color:white;border:none;border-radius:50%;width:45px;height:45px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 3px rgba(0,0,0,0.2);transition:transform 0.1s;padding-left:4px;font-size:18px;}#send-btn:active{transform:scale(0.95);background:#007a61;}.fade-in{animation:fadeIn 0.3s ease-in;}@keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}.typing-bubble{background-color:white;padding:12px 15px;border-radius:8px;border-top-left-radius:0;display:flex;align-items:center;gap:4px;width:fit-content;box-shadow:0 1px 1px rgba(0,0,0,0.1);margin-bottom:5px;}.typing-dot{width:7px;height:7px;background-color:#b0b0b0;border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both;}.typing-dot:nth-child(1){animation-delay:-0.32s;}.typing-dot:nth-child(2){animation-delay:-0.16s;}@keyframes typingBounce{0%,80%,100%{transform:scale(0);}40%{transform:scale(1);}}.msg-image img{max-width:100%;border-radius:5px;margin-bottom:5px;}.msg-image img.chat-img-zoomable{cursor:zoom-in;transition:transform 0.1s;}.msg-image img.chat-img-zoomable:active{transform:scale(0.98);}.msg-audio{margin:5px 0;width:100%;}.msg-audio audio{width:100%;height:40px;border-radius:20px;outline:none;}.lightbox{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,0.9);flex-direction:column;justify-content:center;align-items:center;backdrop-filter:blur(5px);}.lightbox.active{display:flex;animation:fadeIn 0.3s;}.lightbox-content{margin:auto;display:block;max-width:95%;max-height:80vh;object-fit:contain;border-radius:5px;box-shadow:0 0 20px rgba(0,0,0,0.5);}.lightbox .caption{margin-top:20px;color:#ccc;font-size:14px;text-align:center;}.lightbox .close-btn{position:absolute;top:15px;right:25px;color:#f1f1f1;font-size:40px;font-weight:bold;cursor:pointer;}.msg-audio{margin-top:5px;width:100%;min-width:220px;}.custom-audio-player{display:flex;align-items:center;gap:12px;padding:5px 0;}.audio-ctrl-btn{background:none;border:none;color:#999;font-size:24px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;padding:0;}.audio-progress-container{flex-grow:1;display:flex;align-items:center;}.audio-slider{-webkit-appearance:none;width:100%;height:4px;border-radius:2px;background:#d0d0d0;outline:none;cursor:pointer;}.audio-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#075e54;cursor:pointer;transition:transform 0.1s;}.audio-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#075e54;cursor:pointer;border:none;}.audio-time{font-size:11px;color:#999;min-width:35px;text-align:right;font-variant-numeric:tabular-nums;}