/**
 * File:          /pwa/css/composer-resizer.css
 * Version:       0.1.0
 * Last Modified: 2026-08-20 09:30 PM
 * Changes:       Accessible 44px corner grip for KoraCoach PWA composers.
 */

.chat-input-wrapper.kora-resizable-composer {
  position: relative;
}

.chat-input-wrapper.kora-resizable-composer textarea {
  max-height: 200px;
  overflow-y: hidden;
  padding-right: 44px;
}

.composer-resize-grip {
  position: absolute;
  top: 2px;
  right: 52px;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  width: 44px;
  height: 44px;
  padding: 5px 7px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--text-tertiary);
  cursor: ns-resize;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.composer-resize-grip span {
  display: block;
  font-size: 19px;
  line-height: 1;
  transform: rotate(45deg);
  pointer-events: none;
}

.composer-resize-grip:hover,
.composer-resize-grip:focus-visible,
.composer-resize-grip.dragging {
  background: var(--bg-hover);
  color: var(--text-primary);
}

.composer-resize-grip:focus-visible {
  outline: 2px solid var(--input-focus);
  outline-offset: -2px;
}

@media (max-width: 375px) {
  .composer-resize-grip {
    right: 48px;
  }
}

/* === END OF FILE (FILENAME: /pwa/css/composer-resizer.css) === */