/*
 * Propshaft manifest — app-level styles only.
 * Tailwind CSS is compiled separately via tailwindcss-rails:
 *   input:  app/assets/tailwind/application.css
 *   output: app/assets/builds/tailwind.css
 * Layout uses stylesheet_link_tag "tailwind".
 */

/* CHAT-U1: 채팅 AI 응답 마크다운 렌더 스타일 (chat/_message.html.erb .chat-md) */
.chat-md { word-break: break-word; }
.chat-md > *:first-child { margin-top: 0; }
.chat-md > *:last-child { margin-bottom: 0; }
.chat-md p { margin: 0 0 .45em; }
.chat-md ul, .chat-md ol { margin: .3em 0 .3em 1.15em; padding: 0; }
.chat-md ul { list-style: disc; }
.chat-md ol { list-style: decimal; }
.chat-md li { margin: .12em 0; }
.chat-md code { background: #f3f4f6; padding: .1em .32em; border-radius: 4px; font-size: .9em; }
.chat-md pre { background: #f3f4f6; padding: .6em .8em; border-radius: 8px; overflow-x: auto; margin: .45em 0; }
.chat-md pre code { background: none; padding: 0; }
.chat-md table { border-collapse: collapse; margin: .45em 0; font-size: .92em; display: block; overflow-x: auto; }
.chat-md th, .chat-md td { border: 1px solid #e5e7eb; padding: .3em .55em; text-align: left; white-space: nowrap; }
.chat-md th { background: #f9fafb; font-weight: 600; }
.chat-md h1, .chat-md h2, .chat-md h3, .chat-md h4 { font-weight: 700; margin: .5em 0 .3em; line-height: 1.3; }
.chat-md h1 { font-size: 1.15em; } .chat-md h2 { font-size: 1.08em; } .chat-md h3 { font-size: 1.02em; }
.chat-md blockquote { border-left: 3px solid #e5e7eb; padding-left: .7em; color: #6b7280; margin: .45em 0; }
.chat-md a { color: #2563eb; text-decoration: underline; }
.chat-md hr { border: 0; border-top: 1px solid #e5e7eb; margin: .6em 0; }
.chat-md strong { font-weight: 700; }

/* 채팅 빠른질문 바 가로 스크롤(스크롤바 숨김) */
.no-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.no-scrollbar::-webkit-scrollbar { display: none; }

/* 접이 섹션(details) — 기본 삼각형 마커 제거 + chevron(.ds-chevron) 열림 시 180도 회전.
   재사용: summary 에 .ds-summary, 안의 아이콘에 .ds-chevron. (Tailwind group-open:rotate-180 미컴파일 대체) */
summary.ds-summary { list-style: none; }
summary.ds-summary::-webkit-details-marker { display: none; }
.ds-chevron { transition: transform .15s ease; }
details[open] > summary .ds-chevron { transform: rotate(180deg); }

/* CHAT-T3: 스트리밍 첫 토큰 대기(추론) 중 천천히 차는 로딩 막대기 */
.chat-loadwrap { display: flex; flex-direction: column; gap: 6px; min-width: 200px; }
.chat-loadlabel { font-size: 11px; color: #9ca3af; }
.chat-loadbar { height: 6px; border-radius: 9999px; background: #eef0f3; overflow: hidden; }
.chat-loadbar-fill {
  height: 100%; width: 6%; border-radius: 9999px;
  background: linear-gradient(90deg, #818cf8, #6366f1);
  transition: width .3s linear;  /* 폭은 JS(_sendStream)가 천천히 채움 */
}