/* 
 * Extracted component styles to comply with CSP
 * This file contains styles extracted from inline style attributes to maintain CSP compliance
 */

/* Chat Input Component Styles */
.chat-input-form {
  transform: translateZ(0);
}

.chat-input-textarea {
  resize: none;
  max-height: 200px;
  overflow-y: auto;
  font-size: 16px;
  -webkit-appearance: none;
}

/* Class-based height handling - we're using JS for dynamic height instead */
.textarea-auto-height {
  /* Min height set in index.css, JS controls actual height */
}

/* Fallback heights if JS fails */
.textarea-auto-height[data-height="24"] { height: 24px; }
.textarea-auto-height[data-height="48"] { height: 48px; }
.textarea-auto-height[data-height="64"] { height: 64px; }
.textarea-auto-height[data-height="72"] { height: 72px; }
.textarea-auto-height[data-height="96"] { height: 96px; }
.textarea-auto-height[data-height="120"] { height: 120px; }
.textarea-auto-height[data-height="144"] { height: 144px; }
.textarea-auto-height[data-height="168"] { height: 168px; }
.textarea-auto-height[data-height="192"] { height: 192px; }

/* Temporary height reset class */
.h-0 {
  height: 0 !important;
}

/* Direction-specific text alignment */
[data-direction="rtl"] {
  direction: rtl;
  text-align: right;
}

[data-direction="ltr"] {
  direction: ltr;
  text-align: left;
}

/* Language-specific styling */
[data-language="ar"] {
  font-family: "Tajawal", system-ui, sans-serif;
}

[data-language="en"] {
  font-family: "Inter", system-ui, sans-serif;
}

[data-language="hi"] {
  font-family: "Noto Sans", system-ui, sans-serif;
}

/* Audio Player Dialog Styles */
.audio-player-text-center {
  text-align: center;
}

.audio-player-controls {
  min-width: 140px;
  min-height: 48px;
}

.audio-player-container {
  position: relative;
  overflow: hidden;
}

/* Model Selector Styles */
.model-selector-container {
  contain: layout;
}

/* Language Selector Styles */
.language-selector-container {
  contain: layout;
}

/* Chat Interface Styles */
.clickable-element {
  cursor: pointer;
}

.high-z-index {
  z-index: 100;
}

/* Message Bubble Styles */
.message-bubble-container {
  position: relative;
  margin-bottom: 1rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  max-width: 85%;
}

.message-bubble-user {
  background-color: #e9ecef;
  color: #212529;
  margin-left: auto;
  border-top-right-radius: 0;
}

.message-bubble-assistant {
  background-color: #f8f9fa;
  color: #212529;
  margin-right: auto;
  border-top-left-radius: 0;
}

.message-bubble-loading {
  opacity: 0.7;
}

.message-bubble-partial {
  border-style: dashed;
}

/* Font family classes */
.font-family-arabic {
  font-family: "Tajawal", system-ui, sans-serif;
}

.font-family-english {
  font-family: "Inter", system-ui, sans-serif;
}

.font-family-code {
  font-family: "JetBrains Mono", monospace;
}