/**
 * Minimal DGA design tokens for nds-button (shadow) + dga-text-input (scoped).
 * Full core.css is too large and its reset breaks the app layout.
 * dga-text-input uses Stencil mode 4 (scoped, no shadow DOM) —
 * so styles target its children directly.
 */

dga-text-input.chat-input-dga-field {
  display: block !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

dga-text-input.chat-input-dga-field .dga-form-control {
  width: 100%;
  gap: 0;
  margin: 0;
}

nds-button.chat-input-dga-action {
  display: inline-flex !important;
  flex-shrink: 0 !important;
  line-height: 0 !important;
  vertical-align: middle !important;
  align-self: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
}

nds-button.chat-input-dga-action.rounded-xl {
  border-radius: var(--radius-xl) !important;
}

nds-button.chat-input-dga-action--mic:focus-within,
nds-button.chat-input-dga-action--mic:focus-visible,
nds-button.chat-input-dga-action--send:focus-within,
nds-button.chat-input-dga-action--send:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

dga-text-input.chat-input-dga-field .input,
dga-text-input.chat-input-dga-field .input.input--md,
dga-text-input.chat-input-dga-field .input.input--darker {
  display: flex !important;
  align-items: center !important;
  height: 32px !important;
  min-height: 32px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 8px 0 0 !important;
  width: 100% !important;
}

dga-text-input.chat-input-dga-field .input::after,
dga-text-input.chat-input-dga-field .input:hover,
dga-text-input.chat-input-dga-field .input.focus,
dga-text-input.chat-input-dga-field .input.active {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

dga-text-input.chat-input-dga-field .input__field {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 20px !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #1a1a1a !important;
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 400 !important;
  background: transparent !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  vertical-align: middle !important;
}

dga-text-input.chat-input-dga-field--rtl .input__field {
  direction: rtl !important;
  text-align: right !important;
}

dga-text-input.chat-input-dga-field--ltr .input__field {
  direction: ltr !important;
  text-align: left !important;
}

dga-text-input.chat-input-dga-field--rtl .input__field::placeholder {
  color: #707070 !important;
  text-align: right !important;
  line-height: 20px !important;
}

dga-text-input.chat-input-dga-field--ltr .input__field::placeholder {
  color: #707070 !important;
  text-align: left !important;
  line-height: 20px !important;
}

textarea.chat-input-dga-field {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  color: #1a1a1a !important;
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 400 !important;
  font-family: inherit !important;
  resize: none !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  scrollbar-width: thin;
}

textarea.chat-input-dga-field--scrollable {
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}

textarea.chat-input-dga-field--rtl {
  direction: rtl !important;
  text-align: right !important;
}

textarea.chat-input-dga-field--ltr {
  direction: ltr !important;
  text-align: left !important;
}

textarea.chat-input-dga-field--rtl::placeholder {
  color: #707070 !important;
  text-align: right !important;
  line-height: 20px !important;
}

textarea.chat-input-dga-field--ltr::placeholder {
  color: #707070 !important;
  text-align: left !important;
  line-height: 20px !important;
}

dga-card-v2.chat-message-bubble {
  display: block !important;
  width: fit-content !important;
  min-width: 0 !important;
  max-width: min(100%, 85%) !important;
  overflow: hidden !important;
}

dga-card-v2.chat-message-bubble--user {
  margin-left: auto !important;
}

dga-card-v2.chat-message-bubble--agent {
  margin-right: auto !important;
}

dga-card-v2.chat-composer-shell {
  display: block !important;
  flex: 0 0 auto !important;
  height: auto !important;
  position: relative !important;
  z-index: 20 !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

dga-card-v2.chat-body-shell {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

dga-header-vv2.embed-chat-header {
  display: block !important;
  flex-shrink: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

nds-button.embed-header-close {
  display: inline-flex !important;
  flex-shrink: 0;
  line-height: 0;
  vertical-align: middle;
}

nds-button,
:root {
  --radius-sm: 4px;
  --buttons-md-gap: 4px;
  --buttons-md-padding: 12px;
  --buttons-lg-gap: 4px;
  --buttons-lg-padding: 16px;
  --border-black: #161616;

  --button-background-primary-default: #1b8354;
  --button-background-primary-hovered: #166a45;
  --button-background-primary-pressed: #104631;
  --button-background-primary-selected: #14573a;
  --button-background-primary-focused: #1b8354;

  --button-background-danger-primary-default: #d92c20;
  --button-background-danger-primary-hovered: #b42318;
  --button-background-danger-primary-pressed: #7a2619;
  --button-background-danger-primary-selected: #912018;

  --button-background-neutral-default: #f3f4f6;
  --button-background-neutral-hovered: #f3f4f6;
  --button-background-neutral-pressed: #e5e7eb;
  --button-background-neutral-selected: #e5e7eb;
  --button-background-neutral-default-hoverd: #f3f4f6;
  --button-background-neutral-default-pressed: #e5e7eb;
  --button-background-neutral-default-selected: #e5e7eb;
  --colors-text-primary: #161616;

  --button-background-transparent-default: transparent;
  --button-background-transparent-hovered: rgba(22, 22, 22, 0.08);
  --button-background-transparent-pressed: rgba(22, 22, 22, 0.16);
  --button-background-transparent-selected: rgba(22, 22, 22, 0.12);

  --background-disabled: #e5e7eb;
  --text-oncolor-primary: #ffffff;
  --text-default: #161616;
  --text-default-disabled: #9da4ae;
  --text-error: #b42318;
}