/* Alliance experts tools – shared styling (ME check, HS validation, future tools)
   Update this file to change styling in one place.
*/

.expt-chat{
  border:1px solid #dbe2e7;
  border-radius:12px;
  box-shadow:0 18px 50px rgb(23 79 135 / 10%);
  padding:clamp(20px, 4vw, 42px);
  font-family:Corbel,sans-serif;
  background:#fff;
  color:#17212b;
  font-size:18px;
}

.expt-chat__log{
  min-height:260px;
  /* max-height:520px; */
  overflow:auto;
  padding:0;
  border:none;
  background:#fff;
}

.expt-chat__msg{ margin:8px 0; }
.expt-chat__msg strong{ color:#3474b4; }

.expt-chat__thinking{ margin:14px 0; color:#5c6874; font-style:italic; }

.expt-chat__bar{ display:flex; gap:8px; margin-top:10px; }
.expt-chat__input{
  flex:1;
  padding:10px;
  border:1px solid #3474b4;
  border-radius:8px;
  font-size:16px;
  color:#111827;
}
.expt-chat__input::placeholder{ color:#9ca3af; }

.expt-chat__send{
  padding:10px 14px;
  border:none;
  border-radius:8px;
  background:#3474b4;
  color:#fff;
  cursor:pointer;
  font-weight:700;
}

.expt-chat__status{ margin-top:8px; font-size:12px; color:#6b7280; }

@media (max-width: 700px) {
  .expt-chat { font-size:16px; padding:18px; }
  .expt-chat__bar { align-items:stretch; flex-direction:column; }
  .expt-chat button { white-space:normal !important; }
  .expt-chat [style*="grid-template-columns"] { grid-template-columns:1fr !important; }
}