:root{--chat-gap:10px}html,body{height:100%;overflow:hidden}.page-wrapper{height:100%;overflow-y:auto;transition:margin-right .3s ease-in-out,border-radius .3s ease-in-out,background-color .3s ease-in-out;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:transparent transparent;background-color:var(--bg);position:relative;border-radius:0}.page-wrapper:hover{scrollbar-color:var(--tertiary)var(--bg)}body.chat-active{overflow:hidden}.page-wrapper::-webkit-scrollbar{width:8px;background:0 0}.page-wrapper::-webkit-scrollbar-thumb{border-radius:10px;background-color:transparent}.page-wrapper:hover::-webkit-scrollbar-thumb{background-color:var(--tertiary)}#chat-fab{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background-color:#1f9cee;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:24px;cursor:grab;box-shadow:0 4px 8px rgba(0,0,0,.2);z-index:9999;user-select:none;transition:background-color .3s,opacity .3s,transform .3s;opacity:1;transform:scale(1)}#chat-fab:hover{background-color:#0056b3}body.chat-active #chat-fab{opacity:0;transform:scale(0);pointer-events:none}#chat-dialog{position:fixed;top:var(--chat-gap);right:var(--chat-gap);bottom:var(--chat-gap);width:400px;height:auto;background-color:var(--bg);box-shadow:0 0 20px rgba(0,0,0,.15);transform:translateX(calc(100% + var(--chat-gap)));transition:transform .3s ease-in-out,background-color .3s ease-in-out;z-index:9999;display:flex;flex-direction:column;color:var(--primary);border-radius:12px;overflow:hidden}body.chat-active #chat-dialog{transform:translateX(0)}.chat-header{padding:15px;border-bottom:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.chat-header h3{margin:0;font-size:1.2em;grid-column:2/3;justify-self:center}#close-chat{background:0 0;border:none;color:var(--primary);font-size:24px;cursor:pointer;grid-column:3/4;justify-self:end}.chat-history{flex-grow:1;padding:2px 15px 15px;overflow-y:auto;display:flex;flex-direction:column}.chat-history{scrollbar-width:thin;scrollbar-color:var(--tertiary)var(--bg)}.chat-history::-webkit-scrollbar{width:8px}.chat-history::-webkit-scrollbar-thumb{background-color:var(--tertiary);border-radius:10px}.chat-history::-webkit-scrollbar-track{background:var(--bg)}.chat-message{max-width:85%;padding:10px 15px;border-radius:18px;margin-bottom:10px;line-height:1.4}.user-message{background-color:#1f9cee;color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.bot-message{background-color:var(--entry);color:var(--primary);align-self:flex-start;border-bottom-left-radius:4px}.chat-input{display:flex;justify-content:center;align-items:center;padding:15px;border-top:none}.chat-input-wrapper{position:relative;display:flex;align-items:center;flex-grow:1;background-color:var(--entry);border:1px solid var(--border);border-radius:24px;padding:2px}#chat-input-field{flex-grow:1;height:40px;padding:10px 50px 10px 20px;border:none;border-radius:20px;background-color:transparent;color:var(--primary);margin-right:0;outline:none}#chat-input-field:focus{box-shadow:none}#chat-send-btn-new{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;background-color:#007bff;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .3s}#chat-send-btn-new:hover{background-color:#0056b3}#chat-send-btn{display:none}#chat-input-field{min-height:48px!important;max-height:220px!important;overflow-y:auto!important;resize:none!important;box-sizing:border-box}#chat-input-field::-webkit-scrollbar{display:none!important}#chat-input-field{scrollbar-width:none!important;-ms-overflow-style:none!important}.chat-history::-webkit-scrollbar{width:8px}.chat-history::-webkit-scrollbar-track{background:0 0}.chat-history:hover::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px}#chat-resizer{position:absolute;left:0;top:0;bottom:0;width:8px;cursor:ew-resize;transform:translateX(-50%);z-index:10}.page-wrapper{transition:margin-right .3s ease-in-out,border-radius .3s ease-in-out,background-color .3s ease-in-out}body.chat-active .page-wrapper{margin-right:calc(var(--chat-dialog-width) + var(--chat-gap));border-top-right-radius:12px;border-bottom-right-radius:12px}.page-wrapper.no-transition{transition:none!important}