@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap');
html{height:100%;overflow:hidden;position:fixed;width:100%}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto}:root{--primary-color:#4285F4;--secondary-color:#bf0000;--background-color:#7a7979a8;--sidebar-color:#3F5FB2;--topbar-color:#4B6DC4;--text-color:#d8d4d4;--text-light:#9CA3AF;--border-color:#7ca0fd1a;--settings-menu:#3f5fb2;--assistant-button:#d8d4d4;--fundochat:#aaaaaa;--assistant-button-panel-text:#d8d4d4;--shadow:rgba(0, 0, 0, 0.3);--hover-bg:rgba(255, 255, 255, 0.05)}[data-theme=claro]{--primary-color:#4285F4;--secondary-color:#bf0000;--background-color:#F9FAFB;--sidebar-color:#5b7dd6;--topbar-color:#3b82f6;--text-color:#111827;--text-light:#6B7280;--border-color:#E5E7EB;--assistant-button:#111827;--fundochat:#F9FAFB;--assistant-button-panel-text:#111827;--settings-menu:#7ca0fd;--shadow:rgba(0, 0, 0, 0.1);--hover-bg:rgba(255, 255, 255, 0.1)}body{background-color:var(--background-color);color:var(--text-color);height:100vh;overflow:hidden;transition:background-color .3s,color .3s;position:fixed;width:100%;top:0;left:0}.user-profile{display:flex;align-items:center;justify-content:center}.profile-icon{border-radius:50%}.user-nickname{margin-left:8px;font-weight:500}.sidebar-option .user-profile{width:100%}.settings-option .user-profile{display:flex;align-items:center}.settings-option.logado{cursor:pointer}.sidebar-option.logado{cursor:default}#logoutButton{color:#dc3545}#logoutButton:hover{background-color:rgba(220,53,69,.1)}.sidebar{position:fixed;left:0;top:0;width:280px;height:100vh;background-color:var(--sidebar-color);color:var(--text-color);display:flex;flex-direction:column;z-index:1000;transition:transform .3s}.sidebar.collapsed{transform:translateX(-220px)}.sidebar.collapsed .sidebar-content,.sidebar.collapsed .sidebar-home{display:none}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:none}.sidebar-logo{display:flex;align-items:center}.company-icon{width:40px;height:40px;object-fit:contain}.sidebar-toggle{background:0 0;border:none;cursor:pointer;padding:8px;border-radius:15px;transition:background-color .2s}.sidebar-toggle:hover{background:var(--hover-bg)}.hide-icon{width:30px;height:30px;object-fit:contain;filter:brightness(0) invert(1)}.sidebar-separator{height:2px;background-color:var(--border-color);width:100%;margin:0;border:none;display:block}.sidebar-content{flex:1;padding:25px 20px}.sidebar-option{width:100%;margin-bottom:30px;margin-top:15px;display:flex;align-items:center;padding:12px 15px;box-sizing:border-box;cursor:pointer;border-radius:12px;transition:.2s}.sidebar-option:hover{background:var(--hover-bg)}.sidebar-home{display:flex;justify-content:flex-start;align-items:center;gap:15px}.option-icon,.option-icon-image{width:60px;height:60px;object-fit:contain;filter:brightness(0) invert(1)}.sidebar-bottom{padding:15px 0}#settingsHomeScreen.hidden,#sidebarHome.hidden,.hidden{display:none!important}#callAssistantSidebar.hidden,#chatMessagesSidebar.hidden,.assistant-btn-container.hidden{display:none!important;visibility:hidden!important}.top-bar{position:fixed;top:0;left:280px;right:0;height:80px;display:flex;background-color:var(--topbar-color);justify-content:space-between;align-items:center;padding:0 25px;z-index:999;transition:left .3s}.top-bar.collapsed{left:60px}.mobile-menu-button{display:none;background:0 0;border:none;color:var(--text-color);font-size:24px;cursor:pointer;margin-right:15px}.settings-button{background:0 0;border:none;cursor:pointer;padding:8px;border-radius:15px;transition:background-color .2s}.settings-button:hover{background:var(--hover-bg)}.settings-icon{width:50px;height:50px;object-fit:contain;filter:brightness(0) invert(1)}.top-logo{height:220px;margin-top:8px;margin-left:8px;object-fit:contain}.settings-menu{position:fixed;top:80px;right:20px;background-color:var(--settings-menu);border-radius:12px;box-shadow:0 8px 25px var(--shadow);z-index:1001;min-width:250px;animation:.3s slideIn}#themeLabel{font-weight:700;white-space:nowrap}.config-option{display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:700}.theme-switch{position:relative;display:inline-block;background-color:#ccc;border-radius:20px;overflow:hidden;cursor:pointer;padding:5px 12px;font-size:14px;color:#fff;transition:background-color .3s}.theme-switch input{display:none}.theme-slider{display:inline-block;white-space:nowrap;transition:transform .3s;font-weight:700}.theme-switch input:checked+.theme-slider{background-color:#333}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-option{display:flex;align-items:center;justify-content:center;padding:15px 20px;cursor:pointer;transition:background-color .2s;gap:12px}.settings-option:hover{background-color:var(--background-color)}.settings-option-icon{width:30px;height:30px;object-fit:contain}.settings-separator{height:1px;background-color:var(--border-color);margin:0 20px}.theme-switch{display:flex;align-items:center;gap:10px}.theme-label{font-size:14px;color:var(--text-light)}.switch-container{position:relative}.theme-checkbox{display:none}.switch-label{display:block;width:50px;height:24px;background-color:var(--border-color);border-radius:12px;cursor:pointer;position:relative;transition:background-color .3s}.switch-label::after{content:'';position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:var(--white);border-radius:50%;transition:transform .3s}.theme-checkbox:checked+.switch-label{background-color:var(--primary-color)}.theme-checkbox:checked+.switch-label::after{transform:translateX(26px)}.main-content{margin-left:280px;margin-top:80px;height:calc(100vh - 80px);display:flex;justify-content:center;align-items:center;transition:margin-left .3s}.main-content.collapsed{margin-left:60px}.welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center}.welcome-title{font-size:2.5rem;font-weight:300;margin-bottom:60px;color:var(--text-color)}.connect-section{display:flex;flex-direction:column;align-items:center;gap:0}.welcome-message{position:absolute;top:22%;left:62%;transform:translate(-50%,-50%);text-align:center;width:100%;z-index:1}.main-content.collapsed .welcome-message{left:50%}.welcome-message h1{font-size:3.5rem;font-weight:10;color:#3f5fb2;font-style:italic;text-shadow:0 2px 4px rgba(49,49,49,.171);margin-bottom:0}.assistant-container{position:relative;display:flex;flex-direction:column;align-items:center}.assistant-button{background:#e36226;border:none;border-radius:30px;padding:18px 35px 18px 120px;color:var(--assistant-button);font-size:22px;font-weight:600;cursor:pointer;position:relative;transition:.3s;box-shadow:0 8px 25px rgba(227,98,38,.3);min-width:400px;text-align:center;justify-content:center;align-items:center;display:flex;align-items:center;gap:15px;margin-left:250px;width:auto;white-space:nowrap;overflow:visible}.main-content.collapsed .assistant-button{margin-left:auto;margin-right:auto;display:flex;justify-content:center}.main-content.collapsed .panel{margin-left:auto;margin-right:auto}.assistant-button:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(227,98,38,.4)}.assistant-button.active{border-radius:30px 30px 0 0;transform:translateY(-2px);box-shadow:0 12px 35px rgba(227,98,38,.4)}.assistant-button.active .new-icon-container{animation:2s infinite pulse}.new-icon-container{position:absolute;left:-25px;top:50%;transform:translateY(-50%);width:118px;height:118px;background:#e36226;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(227,98,38,.3);z-index:2;border-radius:50%;overflow:hidden}.new-button-icon{width:60px;height:60px;object-fit:contain;margin:-30px 0 0 -30px;font-size:5rem;filter:brightness(0) invert(1)}.button-text{flex:1}.main-text{font-size:35px;font-weight:600;margin-bottom:2px;display:block}.sub-text{font-size:25px;font-weight:400;opacity:.9;letter-spacing:.5px;display:block}@keyframes pulse{0%,100%{box-shadow:0 4px 15px rgba(227,98,38,.3)}50%{box-shadow:0 4px 15px rgba(227,98,38,.6)}}.panel{background:#e36226;border-radius:0 0 20px 20px;padding:0;margin-top:0;box-shadow:0 10px 30px rgba(227,98,38,.4);opacity:0;max-height:0;transition:.4s;position:relative;z-index:1;margin-left:250px;min-width:572px;width:auto}.panel.active{opacity:1;max-height:300px;padding:20px 0}.panel-options{display:flex;flex-direction:column}.option-card{padding:18px 30px;border:none;border-bottom:1px solid rgba(255,255,255,.2);cursor:pointer;display:flex;align-items:center;gap:15px;color:var(--assistant-button-panel-text);background:0 0}.option-card:last-child{border-bottom:none}.option-card:hover{background:rgba(225,255,255,.1)}.option-text{font-size:30px;font-weight:500}.chat-area{position:fixed;top:100px;left:300px;right:30px;bottom:0;background:var(--fundochat);z-index:1000;display:flex;flex-direction:column}.chat-area.collapsed{left:80px}.chat-status{padding:20px;text-align:center;background:#fff;border-bottom:1px solid #ddd;z-index:10;position:relative}.connecting-message{font-size:16px;color:#666;font-weight:500}.disconnect-message{font-size:16px;color:#d32f2f;font-weight:500}.chat-container{flex:1;display:flex;flex-direction:column;background:var(--fundoenviarmsg);margin:10px 10px 100px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);overflow:hidden;position:relative;height:100%}.chat-container.with-timer{margin-bottom:140px}.chat-messages{flex:1;overflow-y:auto;padding:20px;scroll-behavior:smooth;background:var(--fundomsg2);max-height:calc(100vh - 250px)}.message{margin-bottom:15px;padding:10px 15px;border-radius:18px;max-width:70%;word-wrap:break-word;animation:.3s ease-in fadeIn}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message{background:#007bff;color:#fff;margin-left:auto;text-align:left;border-bottom-right-radius:5px}.admin-message{background:#fff;color:#333;border:1px solid #e0e0e0;margin-right:auto;text-align:left;border-bottom-left-radius:5px}.system-message{background:#f0f0f0;color:#666;text-align:center;margin:10px auto;font-style:italic;border-radius:15px}.typing-indicator{opacity:.7;font-style:italic;position:relative}.typing-indicator::after{content:'...';animation:1.5s infinite typing}@keyframes typing{0%,100%,20%{opacity:0}50%{opacity:1}}.chat-input-area{position:fixed;bottom:0;left:310px;right:40px;background:#fff;border-top:1px solid #e0e0e0;padding:15px;z-index:1001;box-shadow:0 -2px 10px rgba(0,0,0,.1)}.chat-input-area.collapsed{left:90px}.chat-input-container{display:flex;align-items:flex-end;gap:10px;background:#f8f9fa;border:1px solid #ddd;border-radius:25px;padding:8px 15px;max-width:100%}.emoji-button{background:0 0;border:none;font-size:20px;color:#666;cursor:pointer;padding:5px;border-radius:50%;transition:background-color .2s;flex-shrink:0}.emoji-button:hover{background-color:#e9ecef}#chatInput{flex:1;border:none;background:0 0;outline:0;resize:none;font-size:14px;line-height:1.4;min-height:20px;max-height:100px;font-family:inherit;padding:5px 0}.char-counter{font-size:12px;color:#999;margin-right:5px;flex-shrink:0}.char-counter.warning{color:#ff6b6b}.send-button{background:#007bff;border:none;color:#fff;width:35px;height:35px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;flex-shrink:0}.send-button:hover{background:#0056b3}.send-button:disabled{background:#ccc;cursor:not-allowed}.chat-timer{position:fixed;bottom:80px;left:310px;right:40px;background:#fff3cd;border:1px solid #ffeaa7;padding:10px 15px;display:flex;align-items:center;gap:8px;font-size:14px;color:#856404;z-index:1000;border-radius:8px 8px 0 0}.chat-timer.collapsed{left:90px}.timer-icon{color:#f39c12}.back-button{position:fixed;top:90px;left:300px;z-index:1500;background-color:var(--topbar-color);border:none;border-radius:8px;padding:8px 12px;color:#d8d4d4;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 2px 6px rgba(0,0,0,.15);transition:background-color .2s}.back-button.collapsed{left:80px}.back-button:hover{background-color:#e36226}.back-icon{width:25px;height:15px;object-fit:contain;filter:brightness(0) invert(1)}.chat-messages::-webkit-scrollbar,::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track,::-webkit-scrollbar-track{background:var(--background-color);border-radius:4px}.chat-messages::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb{background:var(--text-light);border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:hover{background:var(--text-color)}emoji-picker{position:fixed!important;z-index:10000!important;max-height:300px!important;overflow:hidden!important}.assistant-container,.panel,.settings-menu,.welcome-screen{overflow:hidden!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}@media (max-width:1200px){.sidebar{width:220px}.top-bar{left:220px}.main-content{margin-left:220px}.assistant-button{margin-left:200px;min-width:350px;padding:15px 25px 15px 100px}.panel{margin-left:200px;min-width:525px}}@media (max-width:992px){.assistant-button{margin-left:30px;min-width:300px;padding:12px 20px 12px 90px}.panel{margin-left:28px;min-width:512px}.new-icon-container{width:100px;height:100px;left:-20px}.new-button-icon{width:50px;height:50px}}@media (max-width:768px){body,html{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important;-webkit-overflow-scrolling:touch}body{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;touch-action:none}.welcome-message{top:18%;left:50%}.welcome-message h1{font-size:3rem;font-style:italic}.sidebar-toggle{display:none!important}.mobile-menu-button{display:block!important}.sidebar{transform:translateX(-100%);width:280px;box-shadow:0 0 20px rgba(0,0,0,.3);z-index:2000}.sidebar.active{transform:translateX(0)}.main-content,.top-bar{left:0;margin-left:0;overflow:hidden!important}.welcome-title{font-size:1.8rem;margin-bottom:40px}.main-text{font-size:18px!important}.sub-text{font-size:14px!important}.new-icon-container{width:80px;height:80px;left:-15px}.new-button-icon{width:40px;height:40px;margin-top:-20px;margin-left:-20px;font-size:3.5rem}.panel{min-width:calc(100% - 40px)!important;margin-left:0!important;width:calc(100% - 2px)}.chat-area{left:0!important;right:0!important;top:80px!important;overflow:hidden!important;position:fixed!important;height:calc(100vh - 80px)!important}.chat-container{margin:10px 5px 90px}.chat-container.with-timer{margin-bottom:130px}.chat-messages{padding-top:60px!important;padding:15px;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch}.message{max-width:85%;padding:8px 12px;font-size:14px}.chat-input-area{left:0!important;right:0!important;padding:10px}.chat-input-container{padding:6px 12px}#chatInput{font-size:16px}.send-button{width:36px;height:36px}.chat-timer{left:0!important;right:0!important}.back-button{left:20px!important}.settings-menu{right:10px;min-width:200px}.assistant-container{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;padding:0 20px!important;margin-top:50px!important}.assistant-button{margin-left:0!important;width:100%!important;max-width:100%!important;min-width:100%!important;box-sizing:border-box!important}.connecting-message{margin-left:190px!important;text-align:left!important}emoji-picker{position:fixed!important;z-index:10000!important;max-height:250px!important;overflow:hidden!important;bottom:80px!important;left:10px!important;right:10px!important;width:calc(100% - 20px)!important}}@media (max-width:480px){body,html{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important;-webkit-overflow-scrolling:touch}body{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;touch-action:none}.top-bar{height:70px}.top-logo{height:180px}.chat-messages{padding-top:60px!important}.connecting-message{margin-left:140px!important}.chat-area{top:70px!important;overflow:hidden!important;position:fixed!important;height:calc(100vh - 70px)!important}.assistant-button{padding:10px 12px 10px 70px!important}.main-text{font-size:18px!important}.sub-text{font-size:14px!important}.new-icon-container{width:70px;height:70px;left:-10px}.new-button-icon{width:35px;height:35px;margin-left:-25px}.option-card{padding:12px 15px}.option-icon-image{width:40px;height:40px}.chat-messages{padding:10px;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch}.message{max-width:90%;padding:8px 12px;font-size:14px}.chat-input-container{padding:8px;border-radius:20px}#chatInput{font-size:16px;padding:8px 0}.send-button{width:40px;height:40px}.emoji-button{padding:8px}.chat-timer{font-size:13px;padding:8px 10px}.disconnect-message{font-size:14px}.option-text{font-size:20px;font-weight:500}emoji-picker{position:fixed!important;z-index:10000!important;max-height:250px!important;overflow:hidden!important;bottom:80px!important;left:10px!important;right:10px!important;width:calc(100% - 20px)!important}}