/* Simple Markdown Editor Styles */
.markdown-editor {
  @apply relative;
}

.markdown-textarea {
  @apply block w-full rounded-md border-0 py-2 px-3 text-gray-900 shadow-sm placeholder:text-gray-400 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-blue-600 sm:text-sm sm:leading-6 resize-none overflow-hidden;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  line-height: 1.6;
  min-height: 200px !important;
  height: 200px !important;
}

/* Target Description Display Styles */
.target-description-content {
  @apply leading-relaxed;
}

/* Ultra-specific override for Tailwind CSS reset */
div.bg-white div.target-description-content p {
  margin-bottom: 1rem !important;
  margin-top: 0 !important;
  padding: 0 !important;
  display: block !important;
}

div.bg-white div.target-description-content p + p {
  margin-top: 1.5rem !important;
}

div.bg-white div.target-description-content p:last-child {
  margin-bottom: 0 !important;
}

/* Very specific selectors to override Tailwind CSS reset */
.target-description-content p,
div.target-description-content p,
.bg-white .target-description-content p {
  @apply mb-4;
  margin-bottom: 1rem !important;
  display: block !important;
}

.target-description-content p:last-child,
div.target-description-content p:last-child,
.bg-white .target-description-content p:last-child {
  @apply mb-0;
  margin-bottom: 0 !important;
}

.target-description-content ul,
.target-description-content ol {
  @apply my-4;
  padding-left: 2rem !important;
  margin-left: 0 !important;
}

.target-description-content ul {
  list-style-type: disc !important;
  list-style-position: outside !important;
  display: block !important;
}

.target-description-content ol {
  list-style-type: decimal !important;
  list-style-position: outside !important;
  display: block !important;
}

.target-description-content li {
  display: list-item !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  margin-bottom: 0.5rem !important;
  list-style: inherit !important;
}

.target-description-content li::marker {
  content: counter(list-item) ". " !important;
}

.target-description-content ul li::marker {
  content: "• " !important;
}

.target-description-content strong,
.target-description-content b {
  @apply font-semibold;
}

.target-description-content em,
.target-description-content i {
  @apply italic;
}

/* Ensure proper spacing for consecutive elements */
.target-description-content > * + *,
div.target-description-content > * + *,
.bg-white .target-description-content > * + * {
  @apply mt-4;
  margin-top: 1rem !important;
}

/* Additional spacing for paragraphs specifically */
.target-description-content p + p,
div.target-description-content p + p,
.bg-white .target-description-content p + p {
  margin-top: 1.5rem !important;
}

/* Handle line breaks properly */
.target-description-content br {
  @apply block;
  content: "";
  margin: 0.5em 0;
}

/* Force list visibility with very specific selectors */
.prose .target-description-content ul,
.prose .target-description-content ol {
  padding-left: 2rem !important;
  margin-left: 0 !important;
}

.prose .target-description-content ul li,
.prose .target-description-content ol li {
  display: list-item !important;
  list-style: inherit !important;
}

.prose .target-description-content ul li::before {
  display: none !important;
}

.prose .target-description-content ol li::before {
  display: none !important;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


*/

.company-name-truncate {
  display: block;
  max-width: 12rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .company-name-truncate {
    max-width: 16rem;
  }
}