#jac-chatbot {
            position: fixed;
            right: 25px;
            bottom: 25px;
            z-index: 999999;
            font-family: Arial, sans-serif;
        }

        #jac-chat-button {
            width: 60px;
            height: 60px;
            border: none;
            border-radius: 50%;
            background: #111111;
            color: #ffffff;
            font-size: 20px;
            cursor: pointer;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
        }

        #jac-chat-window {
            display: none;
			flex-direction: column;
            position: absolute;
            right: 0;
            bottom: 75px;
            width: 360px;
            height: 500px;
            background: #ffffff;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
        }

        .jac-chat-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 18px;
            background: #111111;
            color: #ffffff;
        }

        .jac-chat-header strong {
            display: block;
            font-size: 17px;
        }

        .jac-chat-header span {
            display: block;
            margin-top: 4px;
            font-size: 12px;
            opacity: 0.8;
        }

        #jac-chat-close {
            border: none;
            background: transparent;
            color: #ffffff;
            font-size: 28px;
            cursor: pointer;
        }
		
		/* Header layout */
		.jac-chat-header {
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
		
		/* Right side buttons */
		.jac-chat-header-actions {
			display: flex;
			align-items: center;
			gap: 6px;
			flex-shrink: 0;
		}
		
		/* Fullscreen + Close buttons */
		#jac-chat-fullscreen,
		#jac-chat-close {
			position: static !important;
			margin: 0 !important;
			padding: 0 !important;
		
			width: 36px;
			height: 36px;
		
			display: flex;
			align-items: center;
			justify-content: center;
		
			border: none;
			cursor: pointer;
		}
		
		/* Fullscreen icon */
		#jac-chat-fullscreen i {
			font-size: 14px;
		}
		
		/* Close icon */
		#jac-chat-close {
			font-size: 26px;
			line-height: 1;
		}
		
		.jac-attach-btn{
			width:40px;
			height:40px;
			display:flex;
			align-items:center;
			justify-content:center;
			cursor:pointer;
			font-size:20px;
			border-radius:50%;
		}
		
		/* Fullscreen chatbot layout */
		#jac-chat-window.jac-chat-fullscreen {
			position: fixed !important;
			top: 0 !important;
			right: 0 !important;
			bottom: 0 !important;
			left: 0 !important;
			width: 100vw !important;
			height: 100vh !important;
			max-width: none !important;
			max-height: none !important;
			margin: 0 !important;
			border-radius: 0 !important;
			z-index: 999999 !important;			
			display: flex !important;
			flex-direction: column !important;
		}
			
		#jac-chat-window.jac-chat-fullscreen .jac-chat-header {
			flex-shrink: 0 !important;
		}
		
		#jac-chat-window.jac-chat-fullscreen #jac-chat-messages {
			flex: 1 !important;
			min-height: 0 !important;
			height: auto !important;
			overflow-y: auto !important;
		}

		#jac-chat-window.jac-chat-fullscreen .jac-chat-input-area {
			flex-shrink: 0 !important;
		}

		.jac-attach-btn:hover{
			background:#f3f3f3;
		}
		
        #jac-chat-messages {
			flex: 1;
			min-height:0;
            height: 350px;
            padding: 15px;
            overflow-y: auto;
            background: #f7f7f7;
        }

        .jac-message {
            max-width: 80%;
            margin-bottom: 12px;
            padding: 10px 13px;
            border-radius: 12px;
            font-size: 14px;
            line-height: 1.5;
			box-sizing: border-box;
			overflow-wrap: anywhere;
			word-break: break-word;
			white-space: normal;
        }
		
		i.fa-solid.fa-hand-sparkles {
			color: #ffba17;
		}

        .jac-bot-message {
            background: #ffffff;
            color: #222222;
            border: 1px solid #eeeeee;
        }
		
		.jac-bot-message a {
			color: #0066cc;
			text-decoration: underline;
			overflow-wrap: anywhere;
		}

		.jac-bot-message a:hover {
			text-decoration: none;
		}

        .jac-user-message {
            margin-left: auto;
            background: #111111;
            color: #ffffff;
        }

        .jac-chat-input-area {
            display:flex;
			align-items:flex-end;
			gap:8px;
			flex-shrink:0;
			padding-right: 15px;
			margin-top: 5px;
        }

        #jac-chat-input {
            width: 100%;
			min-height: 38px;
			max-height: 50px;
			height: 38px;
			box-sizing: border-box;
			resize: none;
			padding: 9px 11px;
			border: none;
			border-radius: 0;
			outline: none;
			line-height: 20px;
			overflow-y: hidden;
        }	
		
		.jac-preview-box {
			background: #1f1f1f;
			color: white;
			border-radius: 10px;
			padding: 10px;
			margin-bottom: 8px;
			font-size: 14px;
		}
		
		.jac-input-wrapper{
			flex:1;
			min-width: 0;
			display:flex;
			align-items: stretch;
			flex-direction:column;
			border:1px solid #ddd;
			border-radius:10px;
			background:#fff;
			overflow:hidden;
		}
		
		#jac-file-preview{
			display:none;
			padding:8px 12px;
			border-bottom:1px solid #eee;
		}	

		/* Selected file preview */
		#jac-selected-file{
			display:none;
			width: 100%;
			box-sizing: border-box;
			padding:8px;
			background:#ffffff;			
		}
		
		.jac-selected-file-box{
			display: flex;
			align-items:center;
			gap:10px;
			width: max-content;
			background:#f5f5f5;
			border: 1px solid #ddd;
			padding:8px;
			border-radius:12px;
			max-width:260px;
		}
		
		.jac-selected-file-name{
			white-space:nowrap;
			overflow:hidden;
			text-overflow:ellipsis;
			max-width:180px;
			color:#222;
			font-size:13px;

		
		.jac-remove-file{
			margin-left:auto;
			cursor:pointer;
			font-size:18px;
			color:#666;
			line-height:1;
		}
		
		.jac-selected-thumb{
			width:40px !important;
			height:40px !important;
			object-fit:cover;
			border-radius:8px;
			flex-shrink:0;
			display:block;
			overflow:hidden;
		}
		
		.jac-selected-file-box img {
			height: 30px;
		}
		
		.jac-remove-file:hover{
			opacity:.7;
		}

        #jac-send-button {
            padding: 10px 15px;
            border: none;
            border-radius: 8px;
            background: #111111;
            color: #ffffff;
            cursor: pointer;
        }

        @media (max-width: 480px) {

            #jac-chatbot {
                right: 15px;
                bottom: 15px;
            }

            #jac-chat-window {
                position: fixed;
                right: 15px;
                left: 15px;
                bottom: 90px;
                width: auto;
                height: 70vh;
            }

            #jac-chat-messages {
                height: calc(70vh - 145px);
				box-sizing: border-box;
				overflow-x: hidden;
            }
        }