/**
 * File:          public/css/resizable_textareas.css
 * Version:       0.1.0
 * Last Modified: 2026-08-20 09:39 PM
 * Changes:       0.1.0 — Visible lower-right vertical resize grips for the web chat
 *                composer and Prompt Builder answer field on desktop/fine pointers;
 *                touch layouts retain auto-grow without a competing drag gesture.
 */

.kc-resizable-textarea {
  box-sizing: border-box;
  max-width: 100%;
  max-height: 40vh !important;
  overflow-x: hidden !important;
  resize: none !important;
}

.pb-other-input.kc-resizable-textarea {
  display: block;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  line-height: 1.45;
  white-space: pre-wrap;
}

@media (hover: hover) and (pointer: fine) and (min-width: 601px) {
  #promptInput.kc-resizable-textarea,
  .pb-other-input.kc-resizable-textarea {
    resize: vertical !important;
    overflow-y: auto !important;
    cursor: text;
  }

  #promptInput.kc-resizable-textarea::-webkit-resizer,
  .pb-other-input.kc-resizable-textarea::-webkit-resizer {
    background:
      linear-gradient(135deg,
        transparent 0 43%,
        var(--accent-hover, #c4b5fd) 44% 50%,
        transparent 51% 60%,
        var(--accent, #8b5cf6) 61% 68%,
        transparent 69% 100%);
    border-radius: 0 0 8px 0;
  }
}

@media (max-width: 600px), (hover: none), (pointer: coarse) {
  #promptInput.kc-resizable-textarea,
  .pb-other-input.kc-resizable-textarea {
    width: 100% !important;
    min-width: 0 !important;
    resize: none !important;
  }
}

/* === END OF FILE (FILENAME: /var/www/vhosts/koracouncil.com/app.koracouncil.com/public/css/resizable_textareas.css) === */