/* KITTY brand image — use only this asset, no emoji/symbol substitutes */
.ittk-kitty-brand-img {
  object-fit: cover;
  border-radius: 50%;
  flex-shrink: 0;
  border: 2px solid rgba(26, 46, 90, 0.12);
  background: #fff;
}

.ittk-kitty-brand-img--xs {
  width: 28px;
  height: 28px;
}

.ittk-kitty-brand-img--sm {
  width: 36px;
  height: 36px;
}

.ittk-kitty-brand-img--md {
  width: 48px;
  height: 48px;
}

.ittk-kitty-brand-img--btn {
  width: 28px;
  height: 28px;
}

.ittk-kitty-brand-img--head {
  width: 44px;
  height: 44px;
}

.ittk-kitty-brand-img--bubble {
  width: 32px;
  height: 32px;
  align-self: flex-end;
}

.ittk-kitty-brand-img--heading {
  width: 40px;
  height: 40px;
}

.ittk-kitty-brand-img--inline {
  width: 32px;
  height: 32px;
  vertical-align: middle;
  margin-right: 8px;
}

.ittk-kitty-section-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

.ittk-kitty-section-title span {
  font-size: inherit;
  font-weight: inherit;
}

.ittk-chat-head-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.ittk-chat-head-brand strong {
  display: block;
  font-size: 0.95rem;
}

.ittk-chat-head-brand span {
  font-size: 0.75rem;
  opacity: 0.85;
}

.ittk-float-btn--kitty {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.ittk-chat-row {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  max-width: 100%;
}

.ittk-chat-row.user {
  justify-content: flex-end;
}

.ittk-chat-row.user .ittk-chat-bubble {
  align-self: flex-end;
}

.ittk-chat-row.kitty .ittk-chat-bubble {
  align-self: flex-start;
}

.ittk-feature-kitty-title {
  display: flex;
  align-items: center;
  gap: 8px;
}