// Fix for the modal size issue
/* Removed conflicting styles, now handled by modal-improvements.css */

// Improved error message styling
#error-message-container {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 9999;
  padding: 15px;
  border-radius: 5px;
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
  color: #721c24;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  max-width: 350px;
}

// Improved delete button styling
.delete-attachment-btn {
  color: #e53e3e;
  transition: color 0.2s;
}

.delete-attachment-btn:hover {
  color: #c53030;
  cursor: pointer;
}

// Improved attachment preview
.attachment-preview {
  display: flex;
  align-items: center;
  padding: 8px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  margin-bottom: 8px;
  background-color: #f8fafc;
}

.attachment-preview .icon {
  margin-right: 12px;
  color: #4f46e5;
}

.attachment-preview .info {
  flex-grow: 1;
}

.attachment-preview .actions {
  margin-left: 8px;
}


/* Font size adjustments for My Messages tab */
#my-messages-tab h2 {
  font-size: calc(1.5rem - 4px); /* 24px - 4px = 20px */
}

#my-messages-tab h3 {
  font-size: calc(1.125rem - 4px); /* 18px - 4px = 14px */
}

#my-messages-tab p,
#my-messages-tab span,
#my-messages-tab button {
  font-size: calc(1rem - 4px); /* 16px - 4px = 12px for base, sm, xs */
}

/* Specific adjustments for smaller text if needed */
#my-messages-tab .text-sm {
  font-size: calc(0.875rem - 4px); /* 14px - 4px = 10px */
}

#my-messages-tab .text-xs {
  font-size: calc(0.75rem - 4px); /* 12px - 4px = 8px */
}



/* Tab-like Navigation */
.tab-link {
  padding: 0.75rem 1.25rem;
  border: 1px solid #e2e8f0;
  border-bottom: none;
  border-radius: 0.375rem 0.375rem 0 0;
  background-color: #f8fafc;
  color: #4a5568;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}

.tab-link:hover {
  background-color: #edf2f7;
}

.tab-link.active {
  background-color: #ffffff;
  border-color: #cbd5e0;
  border-bottom-color: transparent;
  color: #2d3748;
}

/* Adjustments for the nav container to align tabs */
nav.-mb-px {
  display: flex;
  border-bottom: 1px solid #e2e8f0;
}

nav.-mb-px a {
  margin-bottom: -1px; /* Overlap with the border-bottom of the nav */
}

/* Message Type Color Coding */
.message-card.bg-blue-100 {
  background-color: #e0f2fe !important; /* Light Blue */
}

.message-card.bg-orange-100 {
  background-color: #ffe0b2 !important; /* Light Orange */
}

.message-card.bg-green-100 {
  background-color: #e6ee9c !important; /* Light Green */
}



/* Force long words to wrap and prevent overflow */
.force-wrap {
    word-wrap: break-word;
    overflow-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word; /* For older browsers */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}