#askEvaModal .eva-main { container-type: inline-size; }

#askEvaModal .eva-response-controls,
#askEvaModal .eva-thread-context-control,
#askEvaModal .eva-board-knowledge-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 9px;
}

#askEvaModal .eva-response-controls {
  min-width: 0;
  padding: 0 2px 8px;
  color: var(--eva-muted, rgba(255,255,255,.68));
  font-size: .76rem;
}

#askEvaModal .eva-response-controls label { margin: 0; }
#askEvaModal #evaResponseMode {
  width: auto;
  min-width: 150px;
  min-height: 34px;
  padding: 5px 28px 5px 10px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 9px;
  background-color: rgba(255,255,255,.055);
  color: #fff;
  font-size: .78rem;
}
#askEvaModal #evaResponseMode option { color: #111827; }
#askEvaModal #evaResponseModeCurrent { color: rgba(255,255,255,.5); font-size: .69rem; }
#askEvaModal #evaSaveResponseDefaultBtn {
  min-height: 30px;
  padding: 4px 8px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 8px;
  background: rgba(255,255,255,.045);
  color: rgba(255,255,255,.8);
  font-size: .71rem;
}

#askEvaModal .eva-thread-context-control {
  justify-content: space-between;
  padding: 8px 10px;
  margin: 4px 0 9px;
  border: 1px solid rgba(255,190,91,.27);
  border-radius: 9px;
  background: rgba(255,174,61,.07);
  color: rgba(255,255,255,.77);
  font-size: .74rem;
  line-height: 1.4;
}

#askEvaModal .eva-board-knowledge {
  min-width: 0;
  margin: 0 0 8px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 10px;
  background: rgba(255,255,255,.025);
}
#askEvaModal .eva-board-knowledge > summary {
  min-height: 36px;
  padding: 8px 10px;
  color: rgba(255,255,255,.84);
  cursor: pointer;
  font-size: .75rem;
  font-weight: 650;
}
#askEvaModal .eva-board-knowledge-body { display: grid; gap: 8px; padding: 0 10px 10px; }
#askEvaModal #evaBoardKnowledgeStatus { margin: 0; color: rgba(255,255,255,.57); font-size: .7rem; line-height: 1.45; }
#askEvaModal #evaBoardOverviewInput {
  width: 100%;
  min-height: 88px;
  max-height: 220px;
  resize: vertical;
  padding: 9px 10px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 8px;
  background: rgba(0,0,0,.18);
  color: #fff;
  font-size: .78rem;
  line-height: 1.45;
}
#askEvaModal .eva-board-overview-preview { color: rgba(255,255,255,.87); }

#askEvaModal .eva-thread-context-control button,
#askEvaModal .eva-board-knowledge-actions button { min-height: 32px; }
#askEvaModal .eva-message-content { min-width: 0; overflow-wrap: anywhere; }

#askEvaModal .eva-message-eva .eva-message-content {
  width: 100%;
  max-width: 76ch;
  color: rgba(255,255,255,.94);
  font-size: 1rem;
  line-height: 1.68;
}
#askEvaModal .eva-message-eva .intent-rich-content > :first-child { margin-top: 0; }
#askEvaModal .eva-message-eva .intent-rich-content > :last-child { margin-bottom: 0; }
#askEvaModal .eva-message-eva .intent-rich-content h1,
#askEvaModal .eva-message-eva .intent-rich-content h2,
#askEvaModal .eva-message-eva .intent-rich-content h3,
#askEvaModal .eva-message-eva .intent-rich-content h4,
#askEvaModal .eva-message-eva .intent-rich-content h5,
#askEvaModal .eva-message-eva .intent-rich-content h6 {
  color: #fff;
  line-height: 1.25;
  overflow-wrap: anywhere;
}
#askEvaModal .eva-message-eva .intent-rich-content h1 { margin: 1.65em 0 .55em; font-size: clamp(1.55rem, 5cqi, 2rem); }
#askEvaModal .eva-message-eva .intent-rich-content h2 { margin: 1.55em 0 .52em; font-size: clamp(1.35rem, 4.3cqi, 1.7rem); }
#askEvaModal .eva-message-eva .intent-rich-content h3 { margin: 1.35em 0 .45em; font-size: clamp(1.15rem, 3.7cqi, 1.38rem); }
#askEvaModal .eva-message-eva .intent-rich-content h4 { margin: 1.2em 0 .4em; font-size: 1.08rem; }
#askEvaModal .eva-message-eva .intent-rich-content h5 { margin: 1.1em 0 .38em; font-size: 1rem; }
#askEvaModal .eva-message-eva .intent-rich-content h6 { margin: 1em 0 .35em; color: rgba(255,255,255,.76); font-size: .94rem; }
#askEvaModal .eva-message-eva .intent-rich-content p { margin: 0 0 .92em; }
#askEvaModal .eva-message-eva .intent-rich-content ul,
#askEvaModal .eva-message-eva .intent-rich-content ol { margin: .45em 0 1em; padding-left: 1.5em; }
#askEvaModal .eva-message-eva .intent-rich-content li { padding-left: .16em; margin: .26em 0; }
#askEvaModal .eva-message-eva .intent-rich-content li > ul,
#askEvaModal .eva-message-eva .intent-rich-content li > ol { margin: .3em 0 .45em; }
#askEvaModal .eva-message-eva .intent-rich-content blockquote {
  margin: 1em 0;
  padding: .25em 0 .25em 1em;
  border-left: 3px solid rgba(255,174,61,.66);
  color: rgba(255,255,255,.73);
}
#askEvaModal .eva-message-eva .intent-rich-content blockquote > :last-child { margin-bottom: 0; }
#askEvaModal .eva-message-eva .intent-rich-content hr { margin: 1.4em 0; border-color: rgba(255,255,255,.16); }
#askEvaModal .eva-message-eva .intent-rich-content a { color: #9ecbff; text-underline-offset: .16em; overflow-wrap: anywhere; }
#askEvaModal .eva-message-eva .intent-rich-content strong { color: #fff; }
#askEvaModal .eva-message-eva .intent-rich-content table { display: block; width: 100%; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
#askEvaModal .eva-message-eva .intent-rich-content th,
#askEvaModal .eva-message-eva .intent-rich-content td { min-width: 7.5rem; padding: 7px 9px; border: 1px solid rgba(255,255,255,.14); text-align: left; vertical-align: top; }
#askEvaModal .eva-message-eva .intent-rich-content th { background: rgba(255,255,255,.07); color: #fff; }
#askEvaModal .eva-message-eva .intent-rich-content pre { max-width: 100%; margin: 0; overflow: auto; white-space: pre; }
#askEvaModal .eva-message-eva .intent-rich-content code { overflow-wrap: anywhere; }
#askEvaModal .eva-message-eva .intent-rich-content pre code { overflow-wrap: normal; }
#askEvaModal .eva-message-eva .intent-code-block { max-width: 100%; margin: .9em 0 1em; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 9px; }
#askEvaModal .eva-message-eva .intent-code-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 6px 9px; background: rgba(255,255,255,.055); color: rgba(255,255,255,.62); font-size: .68rem; }
#askEvaModal .eva-message-eva .intent-code-copy { min-width: 48px; min-height: 30px; border: 1px solid rgba(255,255,255,.15); border-radius: 6px; background: transparent; color: inherit; font: inherit; cursor: pointer; }
#askEvaModal .eva-message-eva .intent-code-copy:focus-visible { outline: 2px solid #9ecbff; outline-offset: 2px; }

#askEvaModal .eva-suggested-followups { display: flex; flex-wrap: wrap; gap: 6px; max-width: 76ch; margin: 9px 0 18px; }
#askEvaModal .eva-suggested-followups .eva-followup-btn { max-width: 100%; white-space: normal; text-align: left; }
#askEvaModal .eva-board-overview-review { margin: 10px 0 15px; }
#askEvaModal .eva-board-overview-review button { min-height: 34px; }
#askEvaModal .eva-more-starters { grid-column: 1 / -1; }
#askEvaModal .eva-more-starters summary { padding: 7px 3px; color: rgba(255,255,255,.64); cursor: pointer; font-size: .75rem; }
#askEvaModal .eva-more-starters > div { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 8px; }

@container (max-width: 520px) {
  #askEvaModal .eva-message-eva .eva-message-content { max-width: none; font-size: .98rem; }
  #askEvaModal .eva-response-controls { gap: 6px; }
  #askEvaModal #evaResponseMode { flex: 1 1 100%; min-width: 0; }
  #askEvaModal .eva-board-knowledge-actions > button { flex: 1 1 auto; }
  #askEvaModal .eva-message-eva .intent-rich-content table { font-size: .82rem; }
}

@media (max-width: 600px) {
  #askEvaModal .eva-message-eva .eva-message-content { max-width: none; }
  #askEvaModal .eva-thread-context-control { align-items: flex-start; }
  #askEvaModal .eva-thread-context-control button { flex: 1 1 100%; }
  #askEvaModal .eva-board-knowledge-actions > button { flex: 1 1 140px; }
}
