.chat-float-btn{position:fixed;right:22px;bottom:22px;z-index:60;width:58px;height:58px;border-radius:50%;background:var(--color-primary, #0F5A36);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:.25s var(--ease);border:none;cursor:pointer;outline:none;padding:0}.chat-float-btn:hover{background:var(--color-primary-hover, #0C4A2C);transform:translateY(-3px) scale(1.05)}.chat-float-btn i{font-size:28px}.chat-widget-popup{position:fixed;right:22px;bottom:95px;z-index:70;width:380px;height:auto;max-height:520px;background:#fff;border-radius:12px;box-shadow:0 12px 36px #00000026;display:none;flex-direction:column;overflow:hidden;border:1px solid rgba(0,0,0,.08);transition:all .3s ease}.chat-widget-popup.show-chat{display:flex!important}.chat-widget-header{background:var(--color-primary, #0F5A36);color:#fff;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;border-top-left-radius:12px;border-top-right-radius:12px;box-shadow:0 2px 8px #0000001a}.chat-widget-brand{display:flex;align-items:center;gap:12px}.chat-widget-avatar-wrapper{position:relative;display:inline-block}.chat-widget-avatar{width:38px;height:38px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;border:1px solid rgba(255,255,255,.25)}.chat-widget-online-dot{position:absolute;bottom:0;right:0;width:11px;height:11px;background:#2ecc71;border-radius:50%;border:2px solid var(--color-primary, #0F5A36)}.chat-widget-text-details{display:flex;flex-direction:column;text-align:left}.chat-widget-text-details strong{font-size:14px;font-weight:700;letter-spacing:.3px;line-height:1.2;font-family:var(--font-sans)}.chat-widget-subtitle{font-size:11px;opacity:.85;margin-top:3px}.chat-widget-dot{display:inline-block;width:8px;height:8px;background:#2ecc71;border-radius:50%;margin-right:6px;vertical-align:middle}.chat-widget-close{background:#ffffff1a;border:none;color:#fff;cursor:pointer;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease}.chat-widget-close:hover{background:#fff3;transform:rotate(90deg)}.chat-widget-body{padding:20px;flex-grow:1;overflow-y:auto;display:flex;flex-direction:column}.chat-helper-text{font-size:12.5px;font-family:var(--font-serif);font-weight:500;color:var(--color-text, #000);margin-bottom:12px;line-height:1.45;text-align:left}.d-none-chat{display:none!important}.chat-form-group{margin-bottom:12px;display:flex;flex-direction:column;text-align:left}.chat-form-group label{font-size:13px;font-weight:600;margin-bottom:4px;color:var(--color-text, #000);font-family:var(--font-serif)}.chat-form-group input,.chat-form-group textarea{padding:8px 12px;border:1px solid var(--color-border, #d1d5db);border-radius:6px;font-size:16px;font-family:var(--font-serif);font-weight:500;color:var(--color-text, #000);outline:none}.chat-form-group input:focus,.chat-form-group textarea:focus{border-color:var(--color-primary)}.chat-submit-btn{background:var(--color-primary);color:#fff;border:none;padding:10px;border-radius:12px;font-weight:600;cursor:pointer;transition:background .2s;font-size:13px;margin-top:10px}.chat-submit-btn:hover{background:var(--color-primary-hover)}.chat-room-top{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background-color:#f0fdf4;border-bottom:1px solid rgba(15,90,54,.08);min-height:44px}.chat-status-indicator{display:flex;align-items:center;gap:6px}.chat-status-text{font-size:12px;font-weight:600;color:#166534;font-family:var(--font-sans)}.chat-end-session-btn{background:#fee2e2;border:1px solid #fca5a5;color:#b91c1c;font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .2s ease}.chat-end-session-btn:hover{background:#fecaca;border-color:#f87171;color:#991b1b}.chat-widget-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;background:#0006;z-index:100;padding:20px}.chat-attachment-preview-overlay{background:#111827eb;z-index:110;padding:44px 16px 16px}.chat-attachment-preview-overlay img,.chat-attachment-preview-overlay iframe{max-width:100%;max-height:100%;border:0;border-radius:8px;background:#fff}.chat-attachment-preview-overlay iframe{width:100%;height:100%}.chat-attachment-preview-close{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;background:#ffffff26;border:none;color:#fff;font-size:20px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.chat-attachment-preview-close:hover{background:#ffffff47}.chat-modal-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 10px 25px #00000026;border:1px solid rgba(0,0,0,.08);width:100%;max-width:290px;box-sizing:border-box;text-align:center;display:flex;flex-direction:column;align-items:center;animation:chatModalFadeIn .25s ease-out}@keyframes chatModalFadeIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.chat-toast-notification{position:absolute;top:75px;left:50%;transform:translate(-50%);background:#ef4444;color:#fff;padding:8px 16px;border-radius:20px;font-size:11px;font-weight:600;z-index:120;box-shadow:0 4px 12px #ef44444d;animation:chatToastFadeIn .3s ease-out;white-space:nowrap}@keyframes chatToastFadeIn{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.chat-messages-area{flex-grow:1;background:#f7f9fa;padding:14px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;max-height:380px}.chat-bubble-user{align-self:flex-end;background:var(--color-primary);color:#fff;padding:8px 12px;border-radius:10px 10px 0;max-width:80%;font-size:13px;line-height:1.4;box-shadow:0 1px 3px #0000000d;word-break:break-word;position:relative}.chat-bubble-admin{align-self:flex-start;background:#fff;color:#333;padding:8px 12px;border-radius:10px 10px 10px 0;max-width:80%;font-size:13px;line-height:1.4;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;word-break:break-word}.chat-bubble-time{font-size:9px;display:inline-flex;align-items:center;justify-content:flex-end;margin-top:4px;opacity:.8;float:right;width:100%;text-align:right}.chat-bubble-admin .chat-bubble-time{color:#888}.chat-tick{font-size:14px;margin-left:4px;vertical-align:middle}.chat-tick.tick-read{color:#34b7f1!important}.chat-tick.tick-unread{color:#abb4be!important}.chat-bubble-user.chat-bubble-pending{opacity:.65}.chat-tick-pending{display:inline-block;width:9px;height:9px;margin-left:4px;vertical-align:middle;border:1.5px solid rgba(255,255,255,.55);border-top-color:#fff;border-radius:50%;animation:chatTickSpin .7s linear infinite}@keyframes chatTickSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-bubble-admin-typing{align-self:flex-start;background:#0000000a;color:#666;padding:6px 12px;border-radius:8px;font-size:11px;display:flex;align-items:center;width:max-content;margin-bottom:8px;animation:fadeIn .2s ease-in-out}.typing-indicator-dots{display:inline-flex;gap:2px;margin-right:6px}.typing-indicator-dots span{display:inline-block;width:5px;height:5px;background-color:#666;border-radius:50%;animation:typing-bounce 1.4s infinite both}.typing-indicator-dots span:nth-child(2){animation-delay:.2s}.typing-indicator-dots span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,80%,to{transform:scale(.3);opacity:.5}40%{transform:scale(1);opacity:1}}.chat-input-area{display:flex;padding:10px;background:#fff;border-top:1px solid #e5e7eb}.chat-input-area input{flex-grow:1;border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;font-size:16px;outline:none}.chat-input-area input:focus{border-color:var(--color-primary)}.chat-send-btn{background:var(--color-primary);color:#fff;border:none;border-radius:6px;width:36px;height:36px;margin-left:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.chat-send-btn:hover{background:var(--color-primary-hover)}.chat-attach-btn{background:#f3f4f6;color:#4b5563;border:1px solid #d1d5db;border-radius:6px;width:36px;height:36px;margin-right:8px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:17px;transition:background .2s}.chat-attach-btn:hover{background:#e5e7eb}.chat-attachment-preview{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;background:#f9fafb;border-top:1px solid #e5e7eb}.chat-attachment-preview-inner{display:flex;align-items:center;gap:8px;min-width:0}.chat-attachment-preview-inner img{width:42px;height:42px;object-fit:cover;border-radius:6px;border:1px solid #e5e7eb}.chat-attachment-preview-file{display:flex;align-items:center;gap:6px;font-size:12px;color:#374151;overflow:hidden}.chat-attachment-preview-file i{font-size:20px;color:#dc2626;flex-shrink:0}.chat-attachment-preview-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#chatAttachmentRemoveBtn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:18px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}#chatAttachmentRemoveBtn:hover{color:#dc2626}.chat-attachment-image{width:160px;height:160px;object-fit:cover;border-radius:8px;cursor:pointer;display:block}.chat-attachment-file{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;background:#0000000f;cursor:pointer;font-size:12.5px;max-width:190px}.chat-bubble-admin .chat-attachment-file{background:#eef2f6}.chat-attachment-file i{font-size:22px;color:#dc2626;flex-shrink:0}.chat-attachment-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:480px){.chat-widget-popup{width:calc(100% - 32px);height:calc(100% - 100px);right:16px;bottom:92px}}@media(max-width:767.98px){.chat-form-group input,.chat-form-group textarea{font-size:16px}.chat-helper-text{font-size:11px}.chat-form-group label{font-size:12px}}