.chat-button{position:fixed;bottom:20px;right:20px;width:60px;height:60px;background-color:var(--color-primary);border-radius:50%;border:none;color:#fff;font-size:24px;cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,.2)}.chat-button .chat-badge{position:absolute;top:-5px;right:-5px;width:20px;height:20px;background-color:red;border-radius:50%;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;visibility:hidden}.chat-button .chat-badge.active{visibility:visible}.chat-container{position:fixed;bottom:90px;right:20px;width:360px;min-height:460px;height:70vh;background-color:#fff;border-radius:16px;box-shadow:0 0 10px rgba(0,0,0,.2);z-index:1000;flex-direction:column;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease;visibility:hidden}.chat-container.active{opacity:1;transform:translateY(0);visibility:visible;display:grid}.chat-container.not-connected{grid-template-rows:64px 1fr}.chat-container.connected{grid-template-rows:64px 1fr 72px}.chat-header{background-color:var(--color-primary);color:#fff;padding:8px 12px;border-radius:10px 10px 0 0;display:grid;align-items:center}.chat-header-optin{grid-template-columns:1fr auto}.chat-header-connected{grid-template-columns:48px auto auto;gap:12px}.chat-header-details{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;text-align:left;font-size:14px}.chat-header-details b{font-weight:600}.chat-header-options{display:flex;justify-content:flex-end;gap:12px}.chat-header-options a{color:#fff}.chat-header-options a ion-icon{font-size:24px}.chat-photo-img{width:48px;height:48px;background-color:#e2e1e1;border-radius:50%;color:#666;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:18px;user-select:none;pointer-events:none}.chat-optin{padding:16px}.chat-content{flex:1;padding:10px;overflow-y:auto}.chat-optin{flex:1;width:100%;height:100%}.chat-input{padding:10px;border-top:1px solid #ddd}.chat-input textarea{width:100%;padding:5px;border:1px solid #ddd;border-radius:5px;resize:none}.chat-bubble{position:fixed;bottom:35px;right:90px;background-color:#333;color:#fff;padding:8px 15px;border-radius:15px;font-size:14px;z-index:999;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;pointer-events:none;white-space:nowrap}.chat-bubble.active{opacity:1;transform:translateY(0)}.chat-bubble::after{content:"";position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:0;height:0;border:5px solid transparent;border-left-color:#333}.chat-hidden{display:none!important}.chat-content{display:flex;flex-direction:column;gap:8px;scroll-behavior:smooth}.chat-msg-title{color:#a1a1a1;text-align:center;font-size:12px;text-transform:uppercase;user-select:none}.chat-msg{display:flex;flex-direction:column;font-size:14px;font-weight:400;padding:10px;border-radius:4px;max-width:90%}.chat-msg.expert{align-self:flex-start;background-color:#f1f1f1}.chat-msg.you{align-self:flex-end;text-align:right;background-color:var(--color-primary);color:var(--color-white)}.msg-title{font-weight:600;font-size:14px}.msg-text{word-break:break-word}.msg-time{margin-top:8px;opacity:.8;user-select:none;font-size:12px}@media (max-width:768px){body:has(.chat-container.active){overflow:hidden}.chat-container.active{width:100%;height:100%;bottom:0;right:0;border-radius:0}.chat-header-options{gap:24px}.chat-header-options a ion-icon{font-size:32px}.chat-header{border-radius:0}.chat-bubble{right:90px}}.input-group{margin:12px 0}label{display:block;font-size:12px;color:#333;margin-bottom:8px}input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px;outline:0;transition:border-color .3s ease}input:focus{border-color:#007bff}.input-group .help-message{display:none}.input-group.invalid input{background-color:#fff3f3;border-color:red}.input-group.invalid .help-message{display:block!important;color:red;margin-top:2px;user-select:none}.required:after{font-size:100%;content:"*";position:relative;left:2px;top:-2px;color:red}