.support-rich-text {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: normal;
}
.support-rich-text p, .support-rich-text div { margin: 0; }
.support-rich-text ul, .support-rich-text ol { margin: 0; padding-inline-start: 1.5rem; }
.support-rich-text [data-size="small"], .support-rich-text font[size="2"] { font-size: 12px; }
.support-rich-text [data-size="normal"], .support-rich-text font[size="3"] { font-size: 14px; }
.support-rich-text [data-size="large"], .support-rich-text font[size="4"] { font-size: 18px; }
.support-rich-text [data-size="heading"], .support-rich-text font[size="5"] { font-size: 22px; }

.support-composer {
  flex: 0 0 auto;
  border: 1px solid var(--bs-border-color);
  border-radius: 12px;
  background: var(--bs-body-bg);
  overflow: hidden;
}
.support-composer:focus-within {
  border-color: var(--ilumis-brand, var(--bs-primary));
  box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb), 0.08);
}
.support-format-toolbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 3px;
  padding: 6px 10px;
  border-bottom: 1px solid var(--bs-border-color);
  background: var(--bs-tertiary-bg);
}
.support-format-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--bs-body-color);
}
.support-format-btn .material-icons-round { font-size: 19px; }
.support-format-btn:hover, .support-format-btn[aria-pressed="true"] {
  color: var(--bs-primary);
  background: rgba(var(--bs-primary-rgb), 0.12);
}
.support-format-btn:disabled { opacity: 0.4; }
.support-font-size { width: auto; max-width: 110px; font-size: 12px; }
.support-toolbar-divider { width: 1px; height: 20px; margin: 0 4px; background: var(--bs-border-color); }
.support-compose-input {
  min-height: 96px;
  max-height: 180px;
  padding: 12px 14px;
  font-size: 14px;
  line-height: 1.65;
  overflow-y: auto;
  outline: none;
  resize: vertical;
}
.support-compose-input:empty::before {
  content: attr(data-placeholder);
  color: var(--bs-secondary-color);
  pointer-events: none;
}
.support-compose-input[aria-disabled="true"] { opacity: 0.6; cursor: not-allowed; }
.support-compose-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 10px;
  border-top: 1px solid var(--bs-border-color);
}
.support-compose-help { font-size: 11px; color: var(--bs-secondary-color); }
.support-compose-actions { display: flex; align-items: center; gap: 8px; }
.support-editing-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  font-size: 12px;
  background: rgba(var(--bs-primary-rgb), 0.08);
  border-bottom: 1px solid var(--bs-border-color);
}
.support-composer--expanded {
  position: fixed;
  inset: max(24px, 10vh) max(24px, 15vw);
  z-index: 1060;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 0 100vmax rgba(0, 0, 0, 0.35);
}
.support-composer--expanded .support-compose-input { flex: 1; max-height: none; min-height: 0; resize: none; }
@media (max-width: 767.98px) {
  .support-composer--expanded { inset: 12px; }
  .support-compose-help .support-keyboard-hint { display: none; }
}