/* ITL - Trợ lý AI: nút nổi + khung chat (màu thương hiệu ITL) */
.itl-ai-nut { position: fixed; right: 18px; bottom: 18px; z-index: 2400; border: 0; border-radius: 22px; padding: 10px 16px; background: #274d88; color: #fff;
	font-weight: 600; font-size: 14px; box-shadow: 0 6px 18px rgba(39, 77, 136, .35); cursor: pointer; }
.itl-ai-nut:hover { background: #1e3d6d; } .itl-ai-nut span { color: #ffd166; }
.itl-ai-hop { position: fixed; right: 18px; bottom: 18px; z-index: 2401; width: 400px; max-width: calc(100vw - 24px); height: 600px; max-height: calc(100vh - 90px);
	background: #fff; border-radius: 14px; box-shadow: 0 14px 40px rgba(17, 24, 39, .22); display: flex; flex-direction: column; overflow: hidden; font-size: 14px; color: #111827; }
.itl-ai-hop[hidden] { display: none; }
.itl-ai-hop header { display: flex; align-items: center; justify-content: space-between; padding: 10px 12px; background: #274d88; color: #fff; }
.itl-ai-hop header b { font-size: 15px; } .itl-ai-cn { display: flex; gap: 4px; align-items: center; }
.itl-ai-cn button, .itl-ai-cn a { background: rgba(255, 255, 255, .14); border: 0; color: #fff; border-radius: 6px; padding: 3px 8px; font-size: 13px; cursor: pointer; text-decoration: none; }
.itl-ai-cn button:hover, .itl-ai-cn a:hover { background: rgba(255, 255, 255, .28); color: #fff; }
.itl-ai-ds { flex: 1; overflow-y: auto; padding: 12px; background: #f6f8fb; }
.itl-ai-tin { max-width: 92%; margin: 0 0 10px; padding: 8px 11px; border-radius: 12px; line-height: 1.5; word-wrap: break-word; }
.itl-ai-tin p { margin: 0 0 6px; } .itl-ai-tin p:last-child { margin-bottom: 0; }
.itl-ai-user { margin-left: auto; background: #274d88; color: #fff; border-bottom-right-radius: 4px; }
.itl-ai-assistant { background: #fff; border: 1px solid #e5e7eb; border-bottom-left-radius: 4px; }
.itl-ai-assistant a { color: #274d88; font-weight: 600; } .itl-ai-h { font-weight: 700; }
.itl-ai-assistant ul, .itl-ai-assistant ol { margin: 4px 0 6px; padding-left: 20px; }
.itl-ai-assistant pre { background: #f3f5f9; border-radius: 6px; padding: 8px; font-size: 12px; white-space: pre-wrap; max-height: 260px; overflow: auto; }
.itl-ai-assistant code { background: #f3f5f9; border-radius: 4px; padding: 0 4px; font-size: 12.5px; }
.itl-ai-tw { overflow-x: auto; margin: 4px 0 6px; } .itl-ai-tw table { border-collapse: collapse; font-size: 12.5px; }
.itl-ai-tw th, .itl-ai-tw td { border: 1px solid #e5e7eb; padding: 3px 6px; text-align: left; } .itl-ai-tw th { background: #f3f5f9; } .itl-ai-tw td.n { text-align: right; white-space: nowrap; }
.itl-ai-cho { color: #6b7280; font-style: italic; } .itl-ai-loi { border-color: #f1b8b8; background: #fdf0f0; color: #8f1f1f; }
.itl-ai-chao p { color: #374151; } .itl-ai-goi-y { display: block; width: 100%; text-align: left; margin: 6px 0 0; border: 1px solid #d5dbe5; background: #fff; border-radius: 8px; padding: 7px 10px; color: #274d88; cursor: pointer; }
.itl-ai-goi-y:hover { background: #eef3fa; }
.itl-ai-hop form { display: flex; gap: 6px; padding: 8px; border-top: 1px solid #e5e7eb; }
.itl-ai-hop textarea { flex: 1; resize: none; border: 1px solid #cbd5e1; border-radius: 8px; padding: 7px 9px; font: inherit; }
.itl-ai-hop textarea:focus { outline: 2px solid #274d88; border-color: #274d88; }
.itl-ai-hop form button { border: 0; background: #274d88; color: #fff; border-radius: 8px; padding: 0 14px; font-weight: 600; cursor: pointer; }
.itl-ai-hop footer { font-size: 11px; color: #6b7280; padding: 0 10px 8px; }
@media print { .itl-ai-nut, .itl-ai-hop { display: none !important; } }
.itl-ai-xls { display: inline-block; margin: 4px 0 2px; border: 1px solid #cbd5e1; background: #fff; border-radius: 6px; padding: 1px 8px; font-size: 12px; color: #274d88; cursor: pointer; }
.itl-ai-xls:hover { background: #eef3fa; }
.itl-ai-dg { display: flex; gap: 4px; align-items: center; margin-top: 6px; font-size: 12px; color: #6b7280; }
.itl-ai-dg button { border: 1px solid transparent; background: none; border-radius: 6px; padding: 0 5px; cursor: pointer; opacity: .55; font-size: 14px; }
.itl-ai-dg button:hover, .itl-ai-dg button.on { opacity: 1; border-color: #cbd5e1; background: #f6f8fb; }