.page-teagleye{
  --tg-border: var(--border);
  --tg-card:   var(--surface);
  --tg-shadow: var(--shadow-sm, 0 10px 28px rgba(0,0,0,.06));
  --tg-chat-h: clamp(260px, 46vh, 560px);

  --tg-bot-bg: #eff6ff;
  --tg-bot-bd: #dbeafe;
  --tg-me-bg:  #eef2ff;
  --tg-me-bd:  #c7d2fe;
}

/* 外枠 */
.page-teagleye .tg-card{
  padding: 0;
  overflow: hidden;
  border-radius: 14px;
  background: var(--tg-card);
  border: 1px solid var(--tg-border);
  box-shadow: var(--tg-shadow);
}

/* 上部バー */
.page-teagleye .tg-card .card-bar{
  background: var(--navy);
  padding: 12px 14px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:#fff;
}
.page-teagleye .tg-card .card-bar::after{
  content: attr(data-status);
  font-weight:700;
}

/* メッセージ */
.page-teagleye #mBody{
  height: var(--tg-chat-h);
  overflow:auto;
  padding: 10px 12px;
  display:flex;
  flex-direction:column;
  gap: 10px;
}
.page-teagleye .tg-msg{
  max-width: 92%;
  padding: 6px 14px;
  border-radius: 14px;
  border: 1px solid var(--tg-bot-bd);
  background: var(--tg-bot-bg);
}
.page-teagleye .tg-msg.me{
  margin-left:auto;
  border-color: var(--tg-me-bd);
  background: var(--tg-me-bg);
}

/* 入力 */
.page-teagleye .tg-input{
  display:flex;
  gap: 10px;
  padding: 12px 14px;
  border-top: 1px solid var(--tg-border);
}

/* ★参照した情報（入力の下・コンパクト） */
.page-teagleye .tg-src-panel{
  border-top: 1px solid var(--tg-border);
  padding: 10px 14px;
  background: var(--tg-card);
}
.page-teagleye .tg-src-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:6px;
}
.page-teagleye .tg-src-list{
  max-height: 140px;      /* ← ここで高さ制御 */
  overflow:auto;
  padding-left: 18px;
  margin: 0;
}
.page-teagleye .tg-src-list li{
  margin: 4px 0;
  word-break: break-word;
}
.page-teagleye .tg-rag-info{
  margin-top: 8px;
  padding-top: 6px;
  border-top: 1px dashed var(--tg-border);
  font-size: 0.85em;
  word-break: break-all;
}

/* 初期案内メッセージだけ白文字に */
.page-teagleye #mBody .tg-msg.tg-welcome{
  background: var(--navy);
  border-color: var(--navy);
  color: #fff;
}

.page-teagleye .tg-msg-main{
  white-space: pre-wrap;
}

.page-teagleye .tg-msg-sources{
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.5;
  color: var(--muted, #6b7280);
  opacity: .95;
  word-break: break-word;
}

.page-teagleye .tg-msg-sources-label{
  font-weight: 600;
}

.page-teagleye .tg-msg-source-item{
  font-size: 12px;
}