/* 소개사이트·AI 모듈 전용 스타일. */

.st-inquiry {
  display: grid;
  gap: 0.75rem;
  padding: 0.5rem 0;
}

.st-inquiry__facts {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 0.2rem 0.9rem;
  margin: 0;
  font-size: var(--jsini-fs-md);
}

.st-inquiry__facts dt { color: var(--jsini-text-muted); }
.st-inquiry__facts dd { margin: 0; }

/* 문의 본문. 줄바꿈을 살린다 — 폼에서 여러 줄로 쓴 글이라
   한 줄로 뭉개면 읽기 어렵다. */
.st-inquiry__message {
  padding: 0.7rem 0.9rem;
  background: color-mix(in srgb, var(--jsini-text-muted) 8%, transparent);
  font-size: var(--jsini-fs-md);
  line-height: 1.7;
  white-space: pre-line;
}

.st-inquiry__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

/* AI 대화 화면 (D11). 알맹이는 공용 `AiChatPanel` 이고 여기서는 자리만 준다. 여백을 없애고 화면 전체를 채운다. 본문은 flex column 으로 돌려 입력줄이 늘 맨 아래에 선다. */
.site-ai-chat {
  height: 100%;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.jsini-shell__content:has(> .site-ai-chat) {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 0;
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 휴대폰에서 하단 띠가 있을 때와 없을 때 입력창이 가리지 않도록 처리 */
@media (max-width: 767px) {
  .jsini-shell__content:has(> .site-ai-chat) {
    padding-bottom: calc(var(--jsini-bottomnav-h) + env(safe-area-inset-bottom)) !important;
  }

  .jsini-shell--bottomnav-hidden .jsini-shell__content:has(> .site-ai-chat) {
    padding-bottom: env(safe-area-inset-bottom) !important;
  }
}

@media (min-width: 768px) {
  .jsini-shell__content:has(> .site-ai-chat) {
    padding-bottom: 0 !important;
  }
}

.jsini-shell__content:has(> .site-ai-chat) > .site-ai-chat {
  flex: 1;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.jsini-shell__content:has(> .site-ai-chat) > .site-ai-chat > .jsini-chat {
  flex: 1;
  min-height: 0;
}