/* KG Channel Intelligence OS V11.2 R11.10.21
   Evidence-based executive assistant with durable conversation memory. */

.kgEvidenceAssistantR111021 {
  --kgea-bg: #0b0d10;
  --kgea-sidebar: #111419;
  --kgea-panel: #171b21;
  --kgea-panel-2: #1e242c;
  --kgea-panel-3: #252c35;
  --kgea-text: #f5f6f7;
  --kgea-muted: #aab2bd;
  --kgea-subtle: #7f8996;
  --kgea-line: #303843;
  --kgea-line-strong: #46515f;
  --kgea-accent: #f0c954;
  --kgea-accent-text: #16130b;
  --kgea-safe: #8ce3bd;
  --kgea-safe-bg: #163328;
  --kgea-warning: #f3cc87;
  --kgea-warning-bg: #332716;
  --kgea-danger: #ffb4bd;
  --kgea-danger-bg: #351b21;
  --kgea-info: #a9c8ff;
  --kgea-info-bg: #18263c;
  display: grid;
  grid-template-columns: 286px minmax(0, 1fr);
  width: min(1600px, 100%);
  height: calc(100vh - 92px);
  min-height: 720px;
  margin: 0 auto;
  overflow: hidden;
  color: var(--kgea-text);
  border: 1px solid var(--kgea-line);
  border-radius: 20px;
  background: var(--kgea-bg);
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.22);
}

html[data-kg-theme="light"] .kgEvidenceAssistantR111021 {
  --kgea-bg: #f8f7f4;
  --kgea-sidebar: #eeece7;
  --kgea-panel: #ffffff;
  --kgea-panel-2: #f2f0eb;
  --kgea-panel-3: #e7e3dc;
  --kgea-text: #191c21;
  --kgea-muted: #5f6874;
  --kgea-subtle: #7b828c;
  --kgea-line: #d2cec6;
  --kgea-line-strong: #aca69c;
  --kgea-accent: #c99a00;
  --kgea-accent-text: #17130a;
  --kgea-safe: #126044;
  --kgea-safe-bg: #e4f5ed;
  --kgea-warning: #805000;
  --kgea-warning-bg: #fff3dc;
  --kgea-danger: #982b36;
  --kgea-danger-bg: #fff0f1;
  --kgea-info: #245b9b;
  --kgea-info-bg: #eaf3ff;
  box-shadow: 0 22px 70px rgba(42, 35, 24, 0.11);
}

.kgEvidenceAssistantR111021,
.kgEvidenceAssistantR111021 * {
  box-sizing: border-box;
}

.kgEvidenceAssistantR111021 :where(h1, h2, h3, h4, p, span, small, b, strong, li, summary) {
  color: inherit;
}

.kgeaLoading {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 14px;
  min-height: 520px;
  color: var(--kgea-text, #f5f6f7);
}

.kgeaLoading > span:last-child {
  color: var(--kgea-muted, #aab2bd);
  font-size: 13px;
}

.kgeaSidebar {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  min-width: 0;
  padding: 16px;
  border-right: 1px solid var(--kgea-line);
  background: var(--kgea-sidebar);
}

.kgeaSidebarHead {
  display: grid;
  gap: 16px;
}

.kgeaSidebarBrand {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.kgeaSidebarBrand > div:last-child {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.kgeaSidebarBrand b {
  color: var(--kgea-text) !important;
  font-size: 14px;
}

.kgeaSidebarBrand span {
  color: var(--kgea-subtle) !important;
  font-size: 10px;
  font-weight: 760;
  letter-spacing: 0.08em;
}

.kgeaMark {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  flex: 0 0 auto;
  color: var(--kgea-accent-text) !important;
  border-radius: 17px;
  background: linear-gradient(145deg, #fff1b6, var(--kgea-accent) 68%);
  box-shadow: 0 14px 34px color-mix(in srgb, var(--kgea-accent) 24%, transparent);
  font-size: 17px;
  font-weight: 920;
  letter-spacing: 0.06em;
}

.kgeaMark.is-compact {
  width: 36px;
  height: 36px;
  border-radius: 11px;
  box-shadow: none;
  font-size: 11px;
}

.kgEvidenceAssistantR111021 button.kgeaNewChat {
  width: 100% !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 10px 13px !important;
  color: var(--kgea-text) !important;
  border: 1px solid var(--kgea-line-strong) !important;
  border-radius: 11px !important;
  background: var(--kgea-panel) !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  text-align: left !important;
  transform: none !important;
}

.kgEvidenceAssistantR111021 button.kgeaNewChat:hover:not(:disabled) {
  border-color: var(--kgea-accent) !important;
  background: var(--kgea-panel-2) !important;
}

.kgeaConversationLabel {
  margin: 20px 4px 9px;
  color: var(--kgea-subtle) !important;
  font-size: 10px;
  font-weight: 820;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.kgeaConversationList {
  display: grid;
  align-content: start;
  gap: 6px;
  min-height: 0;
  overflow: auto;
  padding-right: 3px;
}

.kgEvidenceAssistantR111021 .kgeaConversationList > button {
  display: grid !important;
  gap: 5px !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 10px 11px !important;
  color: var(--kgea-text) !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left !important;
  transform: none !important;
}

.kgEvidenceAssistantR111021 .kgeaConversationList > button:hover,
.kgEvidenceAssistantR111021 .kgeaConversationList > button.is-active {
  border-color: var(--kgea-line) !important;
  background: var(--kgea-panel-2) !important;
}

.kgEvidenceAssistantR111021 .kgeaConversationList > button.is-active {
  border-left-color: var(--kgea-accent) !important;
}

.kgeaConversationList b,
.kgeaConversationList p {
  display: -webkit-box;
  overflow: hidden;
  margin: 0;
  color: var(--kgea-text) !important;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.kgeaConversationList b {
  font-size: 12px;
}

.kgeaConversationList p {
  color: var(--kgea-muted) !important;
  font-size: 11px;
}

.kgeaConversationList span {
  color: var(--kgea-subtle) !important;
  font-size: 10px;
}

.kgeaEmptyConversations {
  align-self: start;
  margin: 5px 4px;
  color: var(--kgea-muted) !important;
  font-size: 12px;
  line-height: 1.55;
}

.kgeaSidebarFoot {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 12px;
  padding: 12px 5px 2px;
  border-top: 1px solid var(--kgea-line);
}

.kgeaSidebarFoot > span:last-child {
  display: grid;
  gap: 2px;
}

.kgeaSidebarFoot b {
  font-size: 11px;
}

.kgeaSidebarFoot small {
  color: var(--kgea-subtle) !important;
  font-size: 10px;
}

.kgeaStatusDot {
  display: inline-block;
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--kgea-safe);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--kgea-safe) 14%, transparent);
}

.kgeaMain {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  min-width: 0;
  min-height: 0;
  background:
    radial-gradient(circle at 72% 0%, color-mix(in srgb, var(--kgea-accent) 5%, transparent), transparent 28rem),
    var(--kgea-bg);
}

.kgeaTopbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 66px;
  padding: 11px 22px;
  border-bottom: 1px solid var(--kgea-line);
  background: color-mix(in srgb, var(--kgea-bg) 91%, transparent);
  backdrop-filter: blur(14px);
}

.kgeaTopbar > div:first-child {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.kgeaTopbar h2 {
  overflow: hidden;
  margin: 0;
  color: var(--kgea-text) !important;
  font-size: 16px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kgeaTopbar > div:first-child > span {
  overflow: hidden;
  color: var(--kgea-muted) !important;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kgeaTopStatus {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
}

.kgeaFeed {
  min-height: 0;
  overflow: auto;
  padding: 26px 24px 12px;
  scroll-behavior: smooth;
}

.kgeaThread,
.kgeaWelcome,
.kgeaAlert,
.kgeaNotice,
.kgeaCostCard,
.kgeaFeed > div:last-child {
  width: min(960px, 100%);
  margin-inline: auto;
}

.kgeaWelcome {
  display: grid;
  justify-items: center;
  align-content: center;
  min-height: 100%;
  padding: 48px 12px 86px;
  text-align: center;
}

.kgeaWelcome h1 {
  margin: 22px 0 10px;
  color: var(--kgea-text) !important;
  font-size: clamp(27px, 4vw, 42px);
  line-height: 1.08;
  letter-spacing: -0.035em;
}

.kgeaWelcome > p {
  max-width: 720px;
  margin: 0;
  color: var(--kgea-muted) !important;
  font-size: 14px;
  line-height: 1.65;
}

.kgeaSuggestions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  width: min(780px, 100%);
  margin-top: 28px;
}

.kgEvidenceAssistantR111021 .kgeaSuggestions button {
  min-height: 74px !important;
  margin: 0 !important;
  padding: 14px 16px !important;
  color: var(--kgea-text) !important;
  border: 1px solid var(--kgea-line) !important;
  border-radius: 14px !important;
  background: var(--kgea-panel) !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.5 !important;
  text-align: left !important;
  transform: none !important;
}

.kgEvidenceAssistantR111021 .kgeaSuggestions button:hover {
  border-color: var(--kgea-line-strong) !important;
  background: var(--kgea-panel-2) !important;
}

.kgeaThread {
  display: grid;
  gap: 40px;
  padding: 10px 0 46px;
}

.kgeaTurn {
  display: grid;
  gap: 24px;
}

.kgeaUserRow {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 10px;
  padding-left: 15%;
}

.kgeaUserAvatar {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  color: var(--kgea-text) !important;
  border: 1px solid var(--kgea-line-strong);
  border-radius: 50%;
  background: var(--kgea-panel-2);
  font-size: 11px;
  font-weight: 850;
}

.kgeaUserBubble {
  max-width: 760px;
  padding: 12px 15px;
  color: var(--kgea-text) !important;
  border: 1px solid color-mix(in srgb, var(--kgea-accent) 36%, var(--kgea-line));
  border-radius: 16px 16px 5px 16px;
  background: color-mix(in srgb, var(--kgea-accent) 8%, var(--kgea-panel-2));
  font-size: 14px;
  line-height: 1.58;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.kgeaAssistantRow {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: start;
  gap: 14px;
}

.kgeaAssistantContent {
  min-width: 0;
  padding: 4px 0 0;
}

.kgeaAnswerMeta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 11px;
}

.kgeaAnswerMeta > b {
  color: var(--kgea-accent) !important;
  font-size: 13px;
}

.kgeaBadge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 24px;
  padding: 4px 8px;
  color: var(--kgea-muted) !important;
  border: 1px solid var(--kgea-line);
  border-radius: 999px;
  background: var(--kgea-panel-2);
  font-size: 10px;
  font-weight: 760;
  line-height: 1.2;
}

.kgeaBadge.tone-safe {
  color: var(--kgea-safe) !important;
  border-color: color-mix(in srgb, var(--kgea-safe) 58%, var(--kgea-line));
  background: var(--kgea-safe-bg);
}

.kgeaBadge.tone-warning {
  color: var(--kgea-warning) !important;
  border-color: color-mix(in srgb, var(--kgea-warning) 58%, var(--kgea-line));
  background: var(--kgea-warning-bg);
}

.kgeaBadge.tone-danger {
  color: var(--kgea-danger) !important;
  border-color: color-mix(in srgb, var(--kgea-danger) 58%, var(--kgea-line));
  background: var(--kgea-danger-bg);
}

.kgeaResponse {
  margin: 0;
  color: var(--kgea-text) !important;
  font-size: 15px;
  line-height: 1.76;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.kgeaMuted {
  margin: 9px 0 0;
  color: var(--kgea-muted) !important;
  line-height: 1.6;
}

.kgeaClaims,
.kgeaImpact,
.kgeaActions,
.kgeaWebSources {
  margin-top: 22px;
}

.kgeaClaims > h3,
.kgeaImpact > h3,
.kgeaActions > h3,
.kgeaWebSources > h3 {
  margin: 0 0 10px;
  color: var(--kgea-text) !important;
  font-size: 12px;
  letter-spacing: 0.015em;
}

.kgeaClaimGrid {
  display: grid;
  gap: 9px;
}

.kgeaClaim {
  display: grid;
  gap: 9px;
  padding: 13px 14px;
  border: 1px solid var(--kgea-line);
  border-left-width: 3px;
  border-radius: 11px;
  background: var(--kgea-panel);
}

.kgeaClaim.is-verified {
  border-left-color: var(--kgea-safe);
}

.kgeaClaim.is-inference {
  border-left-color: var(--kgea-info);
}

.kgeaClaim.is-recommendation {
  border-left-color: var(--kgea-accent);
}

.kgeaClaim > header,
.kgeaActions article > header,
.kgeaMemoryCandidates article > header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.kgeaClaim > header > span:first-child {
  color: var(--kgea-muted) !important;
  font-size: 9px;
  font-weight: 860;
  letter-spacing: 0.12em;
}

.kgeaClaim.is-verified > header > span:first-child {
  color: var(--kgea-safe) !important;
}

.kgeaClaim.is-inference > header > span:first-child {
  color: var(--kgea-info) !important;
}

.kgeaClaim.is-recommendation > header > span:first-child {
  color: var(--kgea-accent) !important;
}

.kgeaClaim > p {
  margin: 0;
  color: var(--kgea-text) !important;
  font-size: 13px;
  line-height: 1.62;
}

.kgeaClaim > small {
  color: var(--kgea-muted) !important;
  font-size: 11px;
  line-height: 1.55;
}

.kgeaProvenance {
  display: grid;
  gap: 6px;
}

.kgeaProvenance article {
  display: grid;
  gap: 4px;
  padding: 8px 9px;
  border: 1px solid var(--kgea-line);
  border-radius: 8px;
  background: var(--kgea-panel-2);
}

.kgeaProvenance article > div {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 7px;
}

.kgeaProvenance code,
.kgeaEvidenceIds code {
  color: var(--kgea-accent) !important;
  font-size: 9px;
  overflow-wrap: anywhere;
}

.kgeaProvenance b {
  color: var(--kgea-text) !important;
  font-size: 10px;
}

.kgeaProvenance p {
  margin: 0;
  color: var(--kgea-muted) !important;
  font-size: 10px;
  line-height: 1.45;
}

.kgeaImpact {
  padding: 13px 15px;
  border: 1px solid color-mix(in srgb, var(--kgea-accent) 55%, var(--kgea-line));
  border-radius: 11px;
  background: color-mix(in srgb, var(--kgea-accent) 5%, var(--kgea-panel));
}

.kgeaImpact > h3 {
  color: var(--kgea-accent) !important;
}

.kgeaImpact ul,
.kgeaLimitations ul,
.kgeaCostWarnings ul {
  margin: 0;
  padding-left: 18px;
}

.kgeaImpact li,
.kgeaLimitations li,
.kgeaCostWarnings li {
  margin: 5px 0;
  font-size: 12px;
  line-height: 1.55;
}

.kgeaActions > div {
  display: grid;
  gap: 8px;
}

.kgeaActions article {
  display: grid;
  gap: 7px;
  padding: 11px 12px;
  border: 1px solid var(--kgea-line);
  border-radius: 10px;
  background: var(--kgea-panel);
}

.kgeaActions article b {
  color: var(--kgea-text) !important;
  font-size: 12px;
}

.kgeaActions article p {
  margin: 0;
  color: var(--kgea-muted) !important;
  font-size: 12px;
  line-height: 1.55;
}

.kgeaActions article small {
  color: var(--kgea-subtle) !important;
  font-size: 10px;
}

.kgeaWebSources > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.kgeaWebSources a {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 11px 12px;
  color: var(--kgea-text) !important;
  border: 1px solid var(--kgea-line);
  border-radius: 10px;
  background: var(--kgea-panel);
  text-decoration: none;
}

.kgeaWebSources a:hover {
  border-color: var(--kgea-info);
}

.kgeaWebSources b {
  overflow: hidden;
  color: var(--kgea-text) !important;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kgeaWebSources span {
  color: var(--kgea-muted) !important;
  font-size: 10px;
}

.kgeaMemoryCandidates,
.kgeaDetails {
  margin-top: 18px;
  padding: 0;
  color: var(--kgea-text) !important;
  border-top: 1px solid var(--kgea-line);
}

.kgeaMemoryCandidates > summary,
.kgeaDetails > summary {
  width: fit-content;
  padding: 13px 0 2px;
  color: var(--kgea-muted) !important;
  cursor: pointer;
  font-size: 12px;
  font-weight: 730;
}

.kgeaMemoryCandidates > div {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.kgeaMemoryCandidates article {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--kgea-line);
  border-radius: 10px;
  background: var(--kgea-panel);
}

.kgeaMemoryCandidates article p {
  margin: 0;
  color: var(--kgea-text) !important;
  font-size: 12px;
  line-height: 1.55;
}

.kgeaMemoryCandidates article small {
  color: var(--kgea-muted) !important;
  font-size: 10px;
}

.kgeaEvidenceIds {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.kgeaMemoryActions {
  display: flex;
  justify-content: flex-end;
  gap: 7px;
}

.kgeaDetails > section {
  margin-top: 14px;
}

.kgeaDetails h4 {
  margin: 0 0 9px;
  color: var(--kgea-text) !important;
  font-size: 12px;
}

.kgeaLimitations {
  padding: 12px;
  color: var(--kgea-warning) !important;
  border: 1px solid color-mix(in srgb, var(--kgea-warning) 65%, var(--kgea-line));
  border-radius: 10px;
  background: var(--kgea-warning-bg);
}

.kgeaFollowUps {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 17px;
}

.kgEvidenceAssistantR111021 .kgeaFollowUps button {
  min-height: 34px !important;
  margin: 0 !important;
  padding: 7px 11px !important;
  color: var(--kgea-text) !important;
  border: 1px solid var(--kgea-line) !important;
  border-radius: 999px !important;
  background: var(--kgea-panel) !important;
  box-shadow: none !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  text-align: left !important;
  transform: none !important;
}

.kgeaThinking {
  display: flex;
  align-items: center;
  gap: 5px;
  min-height: 36px;
}

.kgeaThinking > span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--kgea-accent);
  animation: kgea-thinking 1.2s ease-in-out infinite;
}

.kgeaThinking > span:nth-child(2) {
  animation-delay: 0.14s;
}

.kgeaThinking > span:nth-child(3) {
  animation-delay: 0.28s;
}

.kgeaThinking small {
  margin-left: 7px;
  color: var(--kgea-muted) !important;
  font-size: 12px;
}

@keyframes kgea-thinking {
  0%, 60%, 100% { opacity: 0.35; transform: translateY(0); }
  30% { opacity: 1; transform: translateY(-4px); }
}

.kgeaInlineError,
.kgeaAlert {
  padding: 13px 15px;
  color: var(--kgea-danger) !important;
  border: 1px solid var(--kgea-danger);
  border-radius: 12px;
  background: var(--kgea-danger-bg);
}

.kgeaInlineError p,
.kgeaAlert p {
  margin: 4px 0 0;
  color: inherit !important;
  line-height: 1.55;
}

.kgeaAlert {
  margin-top: 16px;
}

.kgeaAlert.is-warning {
  color: var(--kgea-warning) !important;
  border-color: var(--kgea-warning);
  background: var(--kgea-warning-bg);
}

.kgeaNotice {
  margin-top: 16px;
  padding: 11px 14px;
  color: var(--kgea-muted) !important;
  border: 1px solid var(--kgea-line);
  border-radius: 11px;
  background: var(--kgea-panel);
  font-size: 12px;
}

.kgeaCostCard {
  margin-top: 18px;
  padding: 18px;
  color: var(--kgea-text) !important;
  border: 1px solid color-mix(in srgb, var(--kgea-accent) 66%, var(--kgea-line));
  border-radius: 15px;
  background: linear-gradient(145deg, var(--kgea-panel), color-mix(in srgb, var(--kgea-accent) 5%, var(--kgea-panel-2)));
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.16);
}

.kgeaCostCard.is-blocked {
  border-color: var(--kgea-danger);
}

.kgeaCostHead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.kgeaCostHead span:first-child {
  color: var(--kgea-accent) !important;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: 0.12em;
}

.kgeaCostHead h3 {
  margin: 5px 0;
  color: var(--kgea-text) !important;
  font-size: 17px;
}

.kgeaCostHead p {
  max-width: 680px;
  margin: 0;
  color: var(--kgea-muted) !important;
  font-size: 12px;
  line-height: 1.55;
}

.kgeaQualitySummary {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 13px;
}

.kgeaBlockers {
  display: grid;
  gap: 7px;
  margin-top: 13px;
}

.kgeaBlockers p {
  margin: 0;
  padding: 10px 12px;
  color: var(--kgea-danger) !important;
  border: 1px solid var(--kgea-danger);
  border-radius: 9px;
  background: var(--kgea-danger-bg);
  font-size: 11px;
  line-height: 1.5;
}

.kgeaCostWarnings {
  margin-top: 12px;
  color: var(--kgea-warning) !important;
  font-size: 11px;
}

.kgeaCostWarnings summary {
  cursor: pointer;
}

.kgeaCostWarnings ul {
  margin-top: 8px;
}

.kgeaCostActions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
}

.kgEvidenceAssistantR111021 button.kgeaPrimary,
.kgEvidenceAssistantR111021 button.kgeaSecondary {
  width: auto !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  transform: none !important;
}

.kgEvidenceAssistantR111021 button.kgeaPrimary {
  color: var(--kgea-accent-text) !important;
  border: 1px solid var(--kgea-accent) !important;
  background: var(--kgea-accent) !important;
}

.kgEvidenceAssistantR111021 button.kgeaSecondary {
  color: var(--kgea-text) !important;
  border: 1px solid var(--kgea-line-strong) !important;
  background: var(--kgea-panel-2) !important;
}

.kgEvidenceAssistantR111021 button:disabled {
  cursor: not-allowed !important;
  opacity: 0.55 !important;
}

.kgeaComposerWrap {
  padding: 8px 24px 18px;
  border-top: 1px solid color-mix(in srgb, var(--kgea-line) 70%, transparent);
  background: linear-gradient(to bottom, color-mix(in srgb, var(--kgea-bg) 82%, transparent), var(--kgea-bg) 38%);
}

.kgeaComposerWrap > * {
  width: min(960px, 100%);
  margin-inline: auto;
}

.kgeaComposerToolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 7px;
}

.kgeaQualitySelector {
  display: flex;
  align-items: center;
  gap: 7px;
}

.kgeaQualitySelector > span {
  color: var(--kgea-subtle) !important;
  font-size: 9px;
  font-weight: 760;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.kgeaQualitySelector > div {
  display: flex;
  padding: 2px;
  border: 1px solid var(--kgea-line);
  border-radius: 999px;
  background: var(--kgea-panel-2);
}

.kgEvidenceAssistantR111021 .kgeaQualitySelector button {
  min-width: 48px !important;
  min-height: 26px !important;
  margin: 0 !important;
  padding: 4px 9px !important;
  color: var(--kgea-muted) !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 9px !important;
  font-weight: 760 !important;
  transform: none !important;
}

.kgEvidenceAssistantR111021 .kgeaQualitySelector button.is-active {
  color: var(--kgea-accent-text) !important;
  background: var(--kgea-accent) !important;
}

.kgeaMemoryHint {
  color: var(--kgea-subtle) !important;
  font-size: 10px;
}

.kgeaComposer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 10px;
  padding: 9px 10px 9px 14px;
  border: 1px solid var(--kgea-line-strong);
  border-radius: 16px;
  background: var(--kgea-panel);
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);
}

.kgeaComposer:focus-within {
  border-color: color-mix(in srgb, var(--kgea-accent) 70%, var(--kgea-line));
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15), 0 0 0 2px color-mix(in srgb, var(--kgea-accent) 12%, transparent);
}

.kgeaComposer textarea {
  width: 100%;
  min-height: 52px;
  max-height: 170px;
  resize: none;
  padding: 13px 0 8px;
  color: var(--kgea-text) !important;
  border: 0;
  outline: 0;
  background: transparent;
  font: inherit;
  font-size: 14px;
  line-height: 1.5;
}

.kgeaComposer textarea::placeholder {
  color: var(--kgea-subtle);
}

.kgEvidenceAssistantR111021 button.kgeaSend {
  display: grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 0 2px !important;
  padding: 0 !important;
  color: var(--kgea-accent-text) !important;
  border: 1px solid var(--kgea-accent) !important;
  border-radius: 11px !important;
  background: var(--kgea-accent) !important;
  box-shadow: none !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  transform: none !important;
}

.kgeaComposerHint {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 6px 3px 0;
  color: var(--kgea-subtle) !important;
  font-size: 9px;
}

@media (max-width: 1120px) {
  .kgEvidenceAssistantR111021 {
    grid-template-columns: 238px minmax(0, 1fr);
  }

  .kgeaSidebar {
    padding: 13px;
  }

  .kgeaFeed {
    padding-inline: 18px;
  }

  .kgeaComposerWrap {
    padding-inline: 18px;
  }
}

@media (max-width: 820px) {
  .kgEvidenceAssistantR111021 {
    grid-template-columns: 1fr;
    height: auto;
    min-height: calc(100vh - 74px);
    overflow: visible;
    border-radius: 14px;
  }

  .kgeaSidebar {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    gap: 10px;
    border-right: 0;
    border-bottom: 1px solid var(--kgea-line);
  }

  .kgeaSidebarHead {
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 1fr) minmax(160px, 220px);
    align-items: center;
  }

  .kgeaConversationLabel,
  .kgeaEmptyConversations {
    display: none;
  }

  .kgeaConversationList {
    grid-column: 1 / -1;
    grid-auto-flow: column;
    grid-auto-columns: minmax(190px, 240px);
    overflow-x: auto;
  }

  .kgeaSidebarFoot {
    display: none;
  }

  .kgeaMain {
    min-height: 680px;
  }

  .kgeaWebSources > div {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .kgeaSidebarHead {
    grid-template-columns: 1fr;
  }

  .kgeaTopbar {
    align-items: flex-start;
    padding-inline: 14px;
  }

  .kgeaTopStatus .kgeaBadge:first-child:not(:last-child) {
    display: none;
  }

  .kgeaFeed {
    padding: 18px 12px 10px;
  }

  .kgeaComposerWrap {
    padding: 7px 12px 12px;
  }

  .kgeaSuggestions {
    grid-template-columns: 1fr;
  }

  .kgeaUserRow {
    padding-left: 4%;
  }

  .kgeaAssistantRow {
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 9px;
  }

  .kgeaAssistantRow .kgeaMark.is-compact {
    width: 30px;
    height: 30px;
    border-radius: 9px;
  }

  .kgeaComposerToolbar {
    align-items: flex-end;
  }

  .kgeaMemoryHint {
    max-width: 170px;
    text-align: right;
  }

  .kgeaCostHead {
    display: grid;
  }

  .kgeaCostActions,
  .kgeaMemoryActions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .kgEvidenceAssistantR111021 button.kgeaPrimary,
  .kgEvidenceAssistantR111021 button.kgeaSecondary {
    width: 100% !important;
  }
}