/* frontend styles */
.hai__panel{border:1px solid #e9eef2;border-radius:12px;padding:12px;background:#fff;max-width:820px;margin-top:12px;box-shadow:0 8px 20px rgba(0,0,0,0.06)}
.hai__header{display:flex;align-items:center;margin-bottom:8px}
.hai__title{font-weight:700;color:#08382f}
.hai__bubbles{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.hai__bubble{padding:8px 14px;border-radius:999px;background:#f0f7ff;border:1px solid rgba(7,59,97,0.06);color:#073b61;cursor:pointer;font-size:14px}
.hai__bubble.active{box-shadow:0 6px 18px rgba(7,59,97,0.06);background:#e7f3ff}
.hai__body{position:relative}
.hai__typing{display:none;gap:8px;margin-bottom:8px}
.hai__typing span{width:8px;height:8px;background:#94a3b8;border-radius:50%;display:inline-block;animation:hai-bounce 1.2s infinite}
@keyframes hai-bounce{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}
.hai__answers .hai__answer{display:none;padding:10px;border-radius:8px;background:#fbfdff;border:1px solid #eef6ff;color:#222;line-height:1.5}
.hai__similar_card{display:flex;gap:8px;align-items:center}
.hai__close_details{position:absolute;right:8px;top:-8px;background:transparent;border:none;font-size:20px;cursor:pointer;color:#666}
.hai__fbt_section{margin-top:14px;border:1px solid #eef2f7;padding:12px;border-radius:10px;background:#fff}
.hai__fbt_list{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px}
.hai__fbt_card{width:150px;border:1px solid #f1f5f9;border-radius:8px;padding:8px;background:#fafafa;text-align:center}
.hai__fbt_card img{width:100%;height:auto;border-radius:6px}
.hai__fbt_summary{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.hai__fbt_add{background:#0a8f5b;color:#fff;border:none;padding:8px 12px;border-radius:8px;cursor:pointer}