*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--nx: #4ECDC4;--nx-dark: #2a9d8f;--text: #1a1a2e;--muted: #64748b;--border: #e2e8f0;--bg: #f1f5f9;--wa-header: #075E54;--wa-green: #25D366;--wa-bg: #ECE5DD;--wa-out: #DCF8C6;--wa-in: #ffffff;--tg-header: #2CA5E0;--tg-bg: #DAE7F3;--tg-out: #EFFDDD;--tg-in: #ffffff}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);overflow:hidden}.top-bar{background:var(--nx-dark);color:#fff;height:38px;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:12.5px}.top-bar a{background:#fff;color:var(--nx-dark);font-weight:700;padding:4px 13px;border-radius:20px;text-decoration:none;font-size:11.5px;white-space:nowrap}.top-label{opacity:.85}.demo-wrap{display:flex;height:calc(100dvh - 38px);max-width:1400px;margin:0 auto}.chat-panel{display:flex;flex-direction:column;flex:0 0 40%;min-width:0;border-right:1px solid var(--border);transition:background .3s}.chat-panel.wa{background:var(--wa-bg)}.chat-panel.tg{background:var(--tg-bg)}.channel-toggle{display:flex;gap:0;flex-shrink:0}.ch-btn{flex:1;border:none;padding:7px 0;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:all .2s;color:#fff;opacity:.6}.ch-btn.active{opacity:1}.ch-btn.wa-btn{background:#075e54}.ch-btn.tg-btn{background:#1a8fc2}.ch-btn.active.wa-btn{background:var(--wa-header)}.ch-btn.active.tg-btn{background:var(--tg-header)}.chat-header{color:#fff;padding:9px 13px;display:flex;align-items:center;gap:10px;flex-shrink:0;transition:background .3s}.wa .chat-header{background:var(--wa-header)}.tg .chat-header{background:var(--tg-header)}.ch-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;font-weight:700}.wa .ch-avatar{background:var(--wa-green)}.tg .ch-avatar{background:#fff3}.ch-name{font-weight:700;font-size:14px}.ch-status{font-size:11px;opacity:.8;display:flex;align-items:center;gap:4px;margin-top:1px}.dot-on{width:6px;height:6px;background:#4ade80;border-radius:50%}.badge-demo{background:#ffffff26;border:1px solid rgba(255,255,255,.3);font-size:10px;padding:2px 7px;border-radius:10px;margin-left:auto}.tab-bar{display:none}.tab-btn{flex:1;border:none;background:transparent;color:#ffffffa6;padding:8px 0;font-size:12px;font-weight:600;cursor:pointer}.tab-btn.active{color:#fff;border-bottom:2px solid #4ade80}.wa .tab-bar{background:var(--wa-header)}.tg .tab-bar{background:var(--tg-header)}.messages{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column}.msg{display:flex;flex-direction:column;max-width:80%;margin-bottom:3px}.msg.out{align-self:flex-end;align-items:flex-end}.msg.in{align-self:flex-start}.msg.switch-sender{margin-top:10px}.bubble{padding:7px 10px 4px;border-radius:8px;font-size:13.5px;line-height:1.5;word-break:break-word;box-shadow:0 1px 1px #0000001a}.wa .msg.out .bubble{background:var(--wa-out);border-bottom-right-radius:2px}.wa .msg.in .bubble{background:var(--wa-in);border-bottom-left-radius:2px}.tg .msg.out .bubble{background:var(--tg-out);border-bottom-right-radius:2px}.tg .msg.in .bubble{background:var(--tg-in);border-bottom-left-radius:2px}.ts{display:block;font-size:10.5px;color:var(--muted);text-align:right;margin-top:2px}.typing-indicator{display:flex;gap:4px;padding:9px 13px;background:#fff;border-radius:8px 8px 8px 2px;width:fit-content;box-shadow:0 1px 1px #0000001a}.tdot{width:7px;height:7px;background:#bbb;border-radius:50%;animation:tdot 1.2s infinite}.tdot:nth-child(2){animation-delay:.2s}.tdot:nth-child(3){animation-delay:.4s}@keyframes tdot{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}.suggestions{display:flex;gap:5px;flex-wrap:wrap;padding:7px 10px 0;flex-shrink:0}.sug{background:#fff;border:1px solid #ddd;border-radius:14px;padding:5px 11px;font-size:11.5px;cursor:pointer;color:var(--text);transition:all .15s}.sug:hover{background:var(--nx);color:#fff;border-color:var(--nx)}.crm-mobile{display:none;flex-direction:column;flex:1;min-height:0;background:var(--bg)}.crm-mobile-scroll{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.crm-mobile-cta{padding:10px 12px;border-top:1px solid var(--border);background:#fff;flex-shrink:0}.input-bar{padding:8px 10px;display:flex;gap:7px;align-items:flex-end;flex-shrink:0}.wa .input-bar{background:#f0f2f5}.tg .input-bar{background:#c8d9e8}#msg-input{flex:1;border:none;border-radius:20px;padding:9px 14px;font-size:13.5px;outline:none;resize:none;max-height:90px;line-height:1.4;font-family:inherit;background:#fff}.send-btn{width:42px;height:42px;border:none;border-radius:50%;color:#fff;font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}.wa .send-btn{background:var(--wa-green)}.wa .send-btn:hover{background:#128c7e}.tg .send-btn{background:var(--tg-header)}.tg .send-btn:hover{background:#1a8fc2}.send-btn:disabled{background:#ccc!important;cursor:not-allowed}.crm-panel{display:none;flex-direction:column;flex:0 0 60%;min-width:0;background:#fff;border-left:1px solid var(--border)}.crm-topbar{background:#fff;border-bottom:1px solid var(--border);padding:10px 20px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.crm-topbar .crm-business{font-size:15px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px}.badge-activo{background:#dcfce7;color:#166534;font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px}.crm-topbar .crm-nav{display:flex;gap:4px}.nav-btn{background:#f8fafc;border:1px solid var(--border);border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer;color:var(--text);transition:all .15s}.nav-btn:hover{background:var(--nx);color:#fff;border-color:var(--nx)}.crm-week-label{font-size:12px;color:var(--muted);font-weight:600;min-width:100px;text-align:center}.crm-stats{display:flex;gap:14px;padding:14px 20px;flex-shrink:0;background:#fff;border-bottom:1px solid var(--border)}.stat-card{flex:1;border:1px solid var(--border);border-radius:10px;padding:12px 14px}.stat-card .sc-label{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}.stat-card .sc-val{font-size:22px;font-weight:900;color:var(--text);line-height:1}.stat-card .sc-sub{font-size:11px;color:var(--muted);margin-top:3px}.stat-card.highlight .sc-val{color:var(--nx-dark)}.cal-container{flex:1;overflow:hidden;display:flex;flex-direction:column}.cal-scroll-x{overflow-x:auto;display:flex;flex-direction:column;flex:1}.cal-head{min-width:520px}.cal-body{overflow-y:auto;overflow-x:auto;min-width:520px}.cal-head{display:flex;border-bottom:1px solid var(--border);flex-shrink:0;background:#fff}.cal-head-time{width:50px;flex-shrink:0}.cal-head-day{flex:1;text-align:center;padding:8px 2px;border-left:1px solid var(--border)}.cal-head-day .day-name{font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase}.cal-head-day .day-num{font-size:18px;font-weight:800;color:var(--text);line-height:1.2}.cal-head-day .day-num.today{background:var(--nx-dark);color:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;margin:2px auto 0}.cal-body{flex:1;overflow-y:auto}.cal-row{display:flex;min-height:44px;border-bottom:1px solid #f1f5f9}.cal-time{width:50px;flex-shrink:0;padding:4px 8px 0 0;text-align:right;font-size:10.5px;color:var(--muted);font-weight:600}.cal-cell{flex:1;border-left:1px solid #f1f5f9;padding:2px 3px;position:relative;min-height:44px}.cal-cell.today-col{background:#f0fdf9}.wcal-apt{border-radius:5px;padding:3px 7px;margin-bottom:2px;font-size:11.5px;border-left:3px solid transparent;cursor:default}.wcal-apt.confirmed{background:#dcfce7;border-color:#16a34a}.wcal-apt.pending{background:#fef9c3;border-color:#d97706}.wcal-apt.new-apt{background:#cffafe;border-color:var(--nx);animation:aptIn .4s ease}@keyframes aptIn{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1)}}.wcal-apt .apt-name{font-weight:700;color:var(--text)}.wcal-apt .apt-svc{color:var(--muted);font-size:10.5px}.crm-footer{padding:12px 20px;border-top:1px solid var(--border);background:#fff;flex-shrink:0;display:flex;align-items:center;gap:14px}.crm-footer .cta-btn{flex:1}.cta-btn{background:var(--nx-dark);color:#fff;text-align:center;padding:12px;border-radius:10px;font-weight:700;font-size:14px;text-decoration:none;transition:background .2s;white-space:nowrap}.cta-btn:hover{background:#1a7a6e}.cta-sub{font-size:11px;color:var(--muted);white-space:nowrap}@media(min-width:1024px){.crm-panel{display:flex}.tab-bar,.crm-mobile{display:none!important}}@media(max-width:1023px){.tab-bar{display:flex}.crm-panel{display:none!important}.msg{max-width:86%}.top-label{display:none}.chat-panel{flex:1}}