.view[data-view="consumer-chat"] {
  min-width: 0;
  min-height: 0;
  height: 100%;
  overflow: hidden;
}

.view[data-view="consumer-chat"].active {
  overflow: hidden;
}

.view[data-view="consumer-chat"] > .consumer-chat-shell {
  min-width: 0;
  min-height: 0;
  height: 100%;
  overflow: hidden;
  padding-inline: 0;
}

.consumer-chat-shell {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 16px;
  min-width: 0;
  min-height: 0;
  height: 100%;
  overflow: hidden;
}

.consumer-chat-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  padding-inline: 18px;
}

.consumer-chat-head__aside {
  display: grid;
  justify-items: end;
  gap: 8px;
}

.consumer-chat-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  flex: 1;
  height: 100%;
  min-height: 0;
  min-width: 0;
  width: 100%;
  align-items: stretch;
}

.consumer-chat-actions {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.consumer-section {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 8px;
  height: 100%;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  min-width: 0;
  overflow: hidden;
}

.consumer-export__meta,
.consumer-export__row {
  min-width: 0;
}

.chatgpt--consumer {
  min-height: 0;
  height: 100%;
  min-width: 0;
  flex: 1;
}

.consumer-section > .invite-status {
  padding-inline: 0;
}

.view[data-view="consumer-chat"] .chatgpt--consumer .chatgpt__messages {
  min-height: 0;
  height: auto;
  display: block;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
}

.view[data-view="consumer-chat"] .chatgpt--consumer .chatgpt__messages-inner {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 10px;
}

.view[data-view="consumer-chat"] .chatgpt--consumer .chatgpt__messages-inner::before {
  content: "";
  margin-top: auto;
}

@media (max-width: 768px) {
  .view[data-view="consumer-chat"] .chatgpt--consumer .chatgpt__messages {
    overscroll-behavior-x: contain;
    overscroll-behavior-y: auto;
  }
}

.view[data-view="consumer-chat"] .chatgpt--consumer .bubble {
  max-width: 84%;
}

.view[data-view="consumer-chat"] .chatgpt--consumer .bubble.bot {
  max-width: 100%;
}

/* Keep Cards on the assistant's left edge without nested decorative frames. */
.view[data-view="consumer-chat"] .chatgpt--consumer .bubble.bot.bom-recommendations-bubble {
  align-self: flex-start;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin-inline: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  text-align: left;
}

.view[data-view="consumer-chat"] .mitra-bom-recommendations {
  --bom-card-gap: 20px;
  width: 100%;
  max-width: 100%;
}

.view[data-view="consumer-chat"] .mitra-bom-recommendations__header {
  margin-bottom: 8px;
}

.view[data-view="consumer-chat"] .mitra-bom-recommendations--carousel .mitra-bom-recommendations__list {
  padding: 4px 0 10px;
}

.view[data-view="consumer-chat"] .mitra-bom-recommendations--carousel .mitra-bom-recommendation {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.view[data-view="consumer-chat"] .mitra-bom-recommendations--carousel .mitra-bom-recommendation__media {
  width: 100%;
  margin: 0;
  border-radius: 12px;
}

.view[data-view="consumer-chat"] .bom-chat-forms:has(.bom-chat-form:not([hidden])) {
  width: 640px;
  max-width: 100%;
}

.view[data-view="consumer-chat"] .bom-chat-form {
  margin-top: 20px;
  border: 0;
  border-radius: 12px;
}

.view[data-view="consumer-chat"] .bom-chat-form .bom-form-preview {
  border: 0;
  border-radius: 12px;
  box-shadow: none;
}

.view[data-view="consumer-chat"] .bom-chat-form .bom-form-preview__content {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: clamp(16px, 3vw, 24px);
}

.view[data-view="consumer-chat"] .bom-chat-form .mitra-checkout-card {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.view[data-view="consumer-chat"] .bom-chat-form .mitra-checkout-card__summary-row {
  padding: 10px 0;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0;
  background: transparent;
}

.view[data-view="consumer-chat"] .bom-chat-form .mitra-checkout-card__secure {
  padding-inline: 0;
  border: 0;
  background: transparent;
}

.view[data-view="consumer-chat"] .chatgpt--consumer .bubble.bot.bubble--intro {
  position: relative;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: hidden;
  animation: consumerIntroReveal 520ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.view[data-view="consumer-chat"] .chatgpt--consumer .bubble.bot.bubble--intro::before {
  display: none;
}

.view[data-view="consumer-chat"] .chatgpt--consumer .bubble.bot.bubble--intro .bubble__body {
  font-size: var(--chat-text-size);
  line-height: 1.45;
  font-weight: 400;
}

.view[data-view="consumer-chat"] .chatgpt--consumer .bubble.bot .timestamp {
  margin-top: 4px;
  color: rgba(255, 255, 255, 0.42);
}

.view[data-view="consumer-chat"] .chatgpt--consumer .typing-indicator {
  align-self: flex-start;
  width: fit-content;
  padding: 0;
  background: transparent;
  border: 0;
  gap: 6px;
}

.view[data-view="consumer-chat"] .chatgpt--consumer .typing-dot {
  width: 7px;
  height: 7px;
  background: #fff;
}

@keyframes consumerIntroReveal {
  from {
    opacity: 0;
    transform: translateY(18px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.consumer-export {
  display: grid;
  gap: 14px;
  align-content: start;
  min-width: 0;
}

.consumer-export--modal {
  padding-top: 4px;
}

.consumer-export__meta {
  display: grid;
  gap: 10px;
}

.consumer-export__row {
  display: grid;
  gap: 6px;
}

.consumer-export__label {
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.consumer-export code,
.consumer-export input,
.consumer-export textarea {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.04);
  color: var(--text);
}

.consumer-export__field {
  min-width: 0;
}

.consumer-export__field--intents {
  display: grid;
  gap: 10px;
}

.consumer-export__intents-trigger-row {
  display: grid;
  gap: 10px;
}

.consumer-export__intents-trigger-row .btn {
  justify-self: start;
}

.consumer-export__field-head {
  display: grid;
  gap: 4px;
}

.consumer-export__field-note {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.modal__panel--compact {
  width: min(100%, 560px);
}

.consumer-intents-builder {
  display: grid;
  gap: 12px;
}

.consumer-intents-builder__list {
  display: grid;
  gap: 10px;
  max-height: min(50vh, 420px);
  overflow-y: auto;
  padding-right: 2px;
}

.consumer-intents-builder__empty {
  padding: 14px;
  border-radius: 12px;
  border: 1px dashed var(--border);
  color: var(--muted);
  font-size: 13px;
}

.consumer-intents-builder__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
}

.consumer-intents-builder__row input {
  width: 100%;
  min-width: 0;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.04);
  color: var(--text);
  font: inherit;
  line-height: 1.4;
}

.consumer-intents-builder__row input:focus {
  outline: none;
  border-color: rgba(255, 255, 255, 0.24);
  background: rgba(255, 255, 255, 0.06);
}

.consumer-intents-builder__remove {
  white-space: nowrap;
}

.consumer-intents-builder__actions {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}

.consumer-export__copy-field {
  position: relative;
  min-width: 0;
}

.consumer-export__copy-field--single-line {
  min-height: 78px;
}

.consumer-export__copy-field--single-line textarea {
  display: block;
  box-sizing: border-box;
  padding: 12px 52px 12px 14px;
  min-height: 78px;
  resize: none;
  overflow-x: hidden;
  overflow-y: hidden;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
  line-height: 1.5;
}

.consumer-export__copy-field--multiline textarea {
  padding-right: 52px;
}

.consumer-export code {
  display: block;
  overflow-wrap: anywhere;
  font-size: 12px;
  line-height: 1.5;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.consumer-export textarea {
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: pre-wrap;
  font-size: 12px;
  line-height: 1.5;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.consumer-export__copy-field--multiline textarea {
  resize: vertical;
  min-height: 200px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.consumer-export__copy-btn {
  width: 38px;
  min-width: 38px;
  height: 38px;
  padding: 0;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.06);
  color: var(--text);
  cursor: pointer;
  align-self: stretch;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color 140ms ease, border-color 140ms ease, transform 140ms ease;
}

.consumer-export__copy-btn::before {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  border: 1.6px solid currentColor;
  border-radius: 3px;
  transform: translate(2px, -2px);
  opacity: 0.92;
}

.consumer-export__copy-btn::after {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  border: 1.6px solid currentColor;
  border-radius: 3px;
  transform: translate(-2px, 2px);
  background: rgba(255, 255, 255, 0.02);
}

.consumer-export__copy-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.22);
  transform: translateY(-1px);
}

.consumer-export__copy-btn--floating {
  position: absolute;
  top: 12px;
  right: 12px;
  align-self: auto;
}

.consumer-export__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.consumer-export__actions .btn {
  text-decoration: none;
}

.consumer-export__actions .btn.is-disabled {
  pointer-events: none;
  opacity: 0.56;
}

.consumer-export__hint {
  margin: 0;
}

@media (max-width: 1440px) {
  .chatgpt--consumer {
    min-height: 0;
  }
}

@media (max-width: 900px) {
  .view[data-view="consumer-chat"] .consumer-chat-head {
    gap: 8px;
    padding-inline: 2px;
  }

  .view[data-view="consumer-chat"] .consumer-chat-head .headline {
    margin: 0;
    font-size: 18px;
    line-height: 1.4;
  }

  .view[data-view="consumer-chat"] .consumer-chat-head .sub {
    display: none;
  }

  .view[data-view="consumer-chat"] .consumer-chat-head__aside {
    gap: 0;
  }

  .view[data-view="consumer-chat"] .consumer-chat-actions .btn {
    min-height: 44px;
    padding: 8px 12px;
  }

  .view[data-view="consumer-chat"] .invite-status:empty {
    display: none;
  }

  .view[data-view="consumer-chat"] .consumer-voice-controls {
    margin-top: 0;
  }

  .consumer-chat-shell,
  .consumer-chat-grid {
    gap: 12px;
  }

  .consumer-chat-grid {
    gap: 0;
  }

  .consumer-chat-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .consumer-chat-head__aside {
    width: 100%;
    justify-items: stretch;
  }

  .consumer-chat-head {
    padding-inline: 12px;
  }

  .consumer-section {
    gap: 8px;
  }

  .consumer-section > .invite-status {
    padding-inline: 0;
  }

  .consumer-chat-actions {
    width: 100%;
    justify-content: flex-start;
  }

  .chatgpt--consumer {
    min-height: 0;
  }

  .consumer-export__copy-field--multiline textarea {
    min-height: 180px;
  }

  .consumer-export__copy-field--single-line {
    min-height: 74px;
  }

  .view[data-view="consumer-chat"] .chatgpt--consumer .bubble,
  .view[data-view="consumer-chat"] .chatgpt--consumer .bubble.bot {
    max-width: 100%;
  }
}
.consumer-chat-debug {
  position: fixed; z-index: 150; right: 16px; top: 80px;
  width: min(440px, calc(100vw - 32px)); max-height: min(60dvh, 640px);
  display: flex; flex-direction: column; gap: 10px; padding: 16px;
  background: var(--panel, #14161c); color: var(--text, #f5f7fb);
  border: 1px solid var(--border, #444); border-radius: 16px;
  box-shadow: 0 12px 48px #0008; font-size: 13px;
}
.consumer-chat-debug header { display: flex; gap: 8px; align-items: center; }
.consumer-chat-debug header strong { flex: 1; }
.consumer-chat-debug button { padding: 8px 12px; background: transparent; color: inherit; border: 1px solid var(--border, #444); border-radius: 8px; cursor: pointer; }
.consumer-chat-debug p { margin: 6px 0; line-height: 1.5; }
.consumer-chat-debug__rows { overflow: auto; min-height: 0; }
.consumer-chat-debug details { padding: 8px 0; border-top: 1px solid var(--border, #444); }
.consumer-chat-debug summary { cursor: pointer; overflow-wrap: anywhere; }
.consumer-chat-debug pre { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; }
.consumer-chat-debug small { overflow-wrap: anywhere; }