/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
::-webkit-scrollbar-thumb {
  background: #888; 
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

/* ASP.NET Core Validation */
.input-validation-error {
    border-color: #ef4444 !important; /* Tailwind red-500 */
}

.field-validation-error {
    color: #ef4444;
    font-size: 0.875rem;
}

/* Fix for TinyMCE content images */
.prose-content img {
    display: inline-block;
    max-width: 100%; 
    vertical-align: middle;
    margin: 0;
}

/* If the image is the ONLY child of a paragraph, make it block (unlikely for emoji) */
.prose-content p > img:only-child {
    display: block;
    margin: 1rem auto;
}