/* Additional overrides for responsive behavior */

/* Ensure input is properly responsive on all screen sizes */
@media (min-width: 1200px) {
  /* For larger screens */
  .chat-area, .chat-input {
    padding-left: 60px;
    padding-right: 60px;
  }
  
  .message-options {
    max-width: 900px;
  }
}

/* For medium screens */
@media (min-width: 769px) and (max-width: 1199px) {
  .chat-area {
    padding: 15px 30px;
  }
  
  .chat-input {
    padding: 12px 30px;
  }
}

/* Fix any Safari-specific issues */
@supports (-webkit-touch-callout: none) {
  .chat-text-input {
    width: calc(100% - 80px) !important;
  }
  
  .input-container {
    display: -webkit-flex;
    -webkit-flex-direction: row;
    align-items: center;
  }
}