.iphone-mockup-wrapper{justify-content:center;width:100%;height:100%;min-height:0;display:flex}.mockup-container{aspect-ratio:9/19;background:0 0;border:2px solid #b9785a;border-radius:60px;width:min(100%,380px);height:100%;min-height:0;overflow:hidden}.screen-content{background:0 0;border-radius:58px;flex-direction:column;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.niche-header{z-index:100;border:none;width:100%;padding:0}.header-background{background-color:#128c7e;border-top-left-radius:60px;border-top-right-radius:60px;align-items:center;gap:10px;min-height:60px;padding:12px 16px;display:flex}.agent-avatar{-webkit-user-select:none;user-select:none;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-right:4px;transition:transform .2s ease-out;display:flex;overflow:hidden}.profile-info{text-align:left;flex-direction:column;flex:auto;justify-content:center;gap:2px;min-width:0;display:flex;overflow:hidden}.profile-name,.profile-status{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (width>=768px) and (width<=1023px){.header-background{gap:8px;min-height:56px;padding:10px 14px}.agent-avatar{margin-right:2px}.profile-info{gap:1px}.profile-name{font-size:15px;line-height:1.1}.profile-status{line-height:1.1}}.agent-avatar{-webkit-user-select:none;user-select:none;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s ease-out;display:flex;overflow:hidden}.agent-avatar-logo{object-fit:contain;width:26px;height:26px}.agent-avatar:hover{transform:scale(1.05)}.profile-info{flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;display:flex}.profile-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;overflow:hidden}.profile-status{color:#fffc;align-items:center;gap:6px;font-size:12px;display:flex}.status-dot{background:#31a24c;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite status-pulse;display:inline-block}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}@media (width<=375px){.header-background{gap:10px;min-height:56px;padding:10px 12px}.agent-avatar{width:36px;height:36px;font-size:24px}.profile-name{font-size:15px}.status-text{display:none}}@media (prefers-color-scheme:dark){.header-background{background-color:#0a5c54}.agent-avatar{background:#fff}.profile-status{color:#ffffffb3}}@media (prefers-reduced-motion:reduce){.agent-avatar{transition:none}.status-dot{opacity:1;animation:none}.agent-avatar:hover{transform:none}}[dir=rtl] .header-background{direction:rtl}[dir=rtl] .profile-info{text-align:right}[dir=rtl] .profile-status{flex-direction:row-reverse}.typewriter-cursor{color:#000;vertical-align:text-bottom;width:2px;margin-left:2px;font-weight:700;line-height:1;animation:.6s ease-in-out infinite cursor-blink;display:inline-block}.typewriter-cursor.hidden{display:none}.typewriter-cursor.visible{display:inline-block}@keyframes cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.typewriter-cursor{opacity:1;animation:none}}@media (prefers-color-scheme:dark){.typewriter-cursor{color:#fff}.message-bubble.agent .typewriter-cursor{color:#1a5c3a}.message-bubble.user .typewriter-cursor{color:#000}}.message-bubble.agent .typewriter-cursor{color:#1a5c3a}.message-bubble.user .typewriter-cursor{color:#000}@media (width<=375px){.typewriter-cursor{width:2px;margin-left:3px}}@media (width>=768px){.typewriter-cursor{width:1.5px;margin-left:2px}}.message-status{text-indent:2px;font-size:11px;font-weight:500;line-height:1;animation:.3s ease-out status-fade-in;display:inline-block}@keyframes status-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.message-status.sending{color:#aaa;opacity:.8;animation:1.5s ease-in-out infinite status-pulse}.message-status.sent{color:#999;opacity:.8}.message-status.delivered{color:#999;opacity:.9}.message-status.read{color:#4fc3f7;opacity:1;font-weight:600}.message-bubble:hover .message-status{opacity:1}@media (prefers-color-scheme:dark){.message-status.sending,.message-status.sent,.message-status.delivered{color:#666}.message-status.read{color:#4fc3f7}}@media (width<=375px){.message-status{font-size:10px}}@media (prefers-reduced-motion:reduce){.message-status{animation:none}.message-status.sending{opacity:.8;animation:none}}@media print{.message-status{margin-left:2px;display:inline}}[dir=rtl] .message-status{text-indent:-2px;margin-left:0;margin-right:4px}.message-bubble{flex-direction:column;max-width:85%;margin-bottom:0;animation:.3s ease-out message-fade-in;display:flex}@keyframes message-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-content{word-wrap:break-word;word-break:break-word;border-radius:18px;flex-direction:column;gap:4px;max-width:100%;padding:8px 12px;line-height:1.4;display:flex}.message-text{color:inherit;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;margin:0;font-family:Segoe UI,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400}.message-footer{opacity:.7;justify-content:flex-end;align-items:center;gap:4px;min-height:16px;font-size:12px;display:flex}.message-time{opacity:.6;font-size:11px}.message-bubble.message-user{align-self:flex-end}.message-bubble.message-user .message-content{color:#fff;background:#005c4b;border-radius:12px 0 12px 12px;box-shadow:0 1px 2px #0000001a}.message-bubble.message-user .message-time{color:#999}.message-bubble.message-user .message-status{color:#0084ff}.message-bubble.message-agent{align-self:flex-start}.message-bubble.message-agent .message-content{color:#fff;background:#202c33;border-radius:0 12px 12px;box-shadow:0 1px 2px #0000000d}.message-bubble.message-agent .message-time{color:#888}.message-status{margin-left:4px;font-size:12px;font-weight:700;animation:.2s ease-out status-appear;display:inline-block}@keyframes status-appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.message-status.sending,.message-status.sent,.message-status.delivered{color:#999}.message-status.read{color:#0084ff}.message-status-visual{border-radius:50%;width:3px;height:3px;margin-left:8px;animation:1s ease-in-out infinite status-pulse;display:none}.message-status-visual.sending{background:#999;display:inline-block}@media (width<=375px){.message-bubble{max-width:90%}.message-content{padding:7px 10px}.message-text{font-size:13px;line-height:1.3}.message-time{font-size:10px}.message-bubble{margin-bottom:6px}}@media (width>=768px){.message-bubble{max-width:85%}.message-content{padding:10px 14px}.message-text{font-size:15px;line-height:1.5}}@media (prefers-reduced-motion:reduce){.message-bubble,.message-status,.message-status-visual{animation:none}}@media print{.message-bubble{page-break-inside:avoid}.message-status-visual{display:none}}[dir=rtl] .message-bubble.message-user{direction:rtl;align-self:flex-start}[dir=rtl] .message-bubble.message-agent{direction:rtl;align-self:flex-end}[dir=rtl] .message-content{text-align:right}[dir=rtl] .message-footer{flex-direction:row-reverse}.conversation-messages{flex-direction:column;gap:8px;width:100%;display:flex}.conversation-messages.empty{color:#999;justify-content:center;align-items:center;min-height:200px}.empty-state{text-align:center;color:#aaa;padding:24px;font-size:14px}.empty-state p{margin:0}.message-wrapper{flex-direction:row;width:100%;animation:.3s ease-out message-enter;display:flex}@keyframes message-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-wrapper[data-sender=user]{justify-content:flex-end}.message-wrapper[data-sender=agent]{justify-content:flex-start}.message-wrapper.completed{opacity:1}@media (width<=375px){.conversation-messages{gap:6px}.empty-state{padding:16px;font-size:13px}}@media (width>=768px){.conversation-messages{gap:10px}.empty-state{font-size:15px}}@media (prefers-reduced-motion:reduce){.message-wrapper{animation:none}}@media print{.message-wrapper{page-break-inside:avoid}}[dir=rtl] .message-wrapper{direction:rtl}[dir=rtl] .empty-state{text-align:right}.chat-container{background:#0d1418;flex-direction:column;width:100%;height:100%;min-height:0;font-family:Segoe UI,Helvetica,Arial,sans-serif;font-size:14px;display:flex;overflow:hidden}.chat-container.empty{background:#f5f5f5;justify-content:center;align-items:center}.chat-background{display:none}.chat-scroll-area{scroll-behavior:smooth;scrollbar-color:#ffffff1f transparent;scrollbar-width:thin;background-image:linear-gradient(#0b141ae6,#0b141ae6),url(/imgs/official-whatsapp-background-image.jpg);background-position:50%;background-size:cover;flex-direction:column;flex:1;min-height:0;padding:14px 10px 12px;display:flex;overflow:hidden auto}.chat-messages{flex-direction:column;gap:10px;min-height:100%;display:flex}.chat-messages.empty{justify-content:center;align-items:center}.messages-bottom-spacer{flex-shrink:0;height:12px}.chat-input-area{background:0 0;border-top:none;border-radius:9999px;flex-shrink:0;align-items:center;gap:8px;padding:12px 12px 16px;display:flex}.chat-input-placeholder{color:#e9edef;scrollbar-width:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:9999px;outline:none;flex:1;align-items:center;min-width:0;min-height:44px;padding:11px 16px;font-size:14px;line-height:1.35;display:flex;position:relative;overflow:auto hidden}.chat-input-placeholder::-webkit-scrollbar{display:none}.chat-input-placeholder.overflowing{-webkit-mask-image:linear-gradient(90deg,#0000,#000 22px);mask-image:linear-gradient(90deg,#0000,#000 22px)}.chat-input-placeholder.overflowing[dir=rtl]{-webkit-mask-image:linear-gradient(270deg,#0000,#000 22px);mask-image:linear-gradient(270deg,#0000,#000 22px)}.chat-input-text{white-space:nowrap;align-items:center;display:inline-flex}.chat-input-hint{color:#8696a0}.chat-input-caret{background:#00a884;flex-shrink:0;width:1.5px;height:16px;margin-inline-start:1px;animation:1s step-end infinite chat-caret-blink;display:inline-block}@keyframes chat-caret-blink{0%,to{opacity:1}50%{opacity:0}}.chat-send-button{color:#8696a0;background:#233138;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.chat-send-button.active{color:#fff;background:#00a884}.chat-send-icon{width:18px;height:18px;margin-inline-start:1px}.typing-indicator{background:#202c33;border-radius:0 12px 12px;align-self:flex-start;gap:4px;width:fit-content;padding:10px 12px;display:flex}.typing-indicator i{background:#8696a0;border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite typing-dot}.typing-indicator i:nth-child(2){animation-delay:.15s}.typing-indicator i:nth-child(3){animation-delay:.3s}@keyframes typing-dot{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.chat-empty-state{color:#999;text-align:center;padding:24px}.chat-empty-state p{margin:0}@media (width<=375px){.chat-scroll-area{padding:8px 4px}.chat-input-area{padding:8px 8px 14px 10px}.chat-input-placeholder{min-height:40px;padding:10px 14px;font-size:13px}.chat-send-button{width:40px;height:40px}}@media (width>=768px){.chat-scroll-area{padding:16px 12px}}@media (prefers-reduced-motion:reduce){.chat-scroll-area{scroll-behavior:auto}.typing-indicator i,.chat-input-caret{animation:none}}@media print{.chat-input-area{display:none}.chat-scroll-area{height:auto;overflow:visible}}[dir=rtl] .chat-scroll-area{direction:rtl}.transition-wrapper{width:100%;height:100%;min-height:0;overflow:hidden}.transition-content{will-change:transform, opacity;width:100%;height:100%;min-height:0}.transition-exit{animation:.15s cubic-bezier(.43,.13,.23,.96) forwards exitTransition}.transition-enter{animation:.15s cubic-bezier(.23,1,.32,1) forwards enterTransition}@keyframes exitTransition{to{opacity:0;transform:scale(.95)}}@keyframes enterTransition{0%{opacity:0;transform:scale(.95)}}@media (prefers-reduced-motion:reduce){.transition-content{will-change:auto}.transition-exit,.transition-enter{opacity:1;animation:none;transform:scale(1)}}.transition-content{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translateZ(0)}[dir=rtl] .transition-content{direction:rtl}.chat-header{z-index:10;flex-shrink:0}.entry-animation-error{color:#666;background:#f5f5f5;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:400px;font-size:16px;display:flex}.entry-animation-skill{justify-content:center;align-items:center;width:100%;min-height:100%;display:flex}.animation-container{aspect-ratio:9/19;width:min(100%,380px);min-height:0}.phone-mockup{width:100%;height:100%}.chat-wrapper{background:#fff;flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.chat-header{flex-shrink:0}.chat-main{flex:1;min-height:0;overflow:hidden}.entry-animation-error{color:#666;background:#f5f5f5;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:400px;display:flex}.entry-animation-error p{text-align:center;margin:0}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.entry-animation-skill{animation:.3s ease-out fadeIn}@media (prefers-reduced-motion:reduce){.entry-animation-skill{animation:none}}@media print{.entry-animation-skill{background:#fff}.animation-container{page-break-inside:avoid;max-width:100%}}