.validation-tooltip {
    position: absolute;
    top: calc(0px + var(--tooltip-offset-y, 0px));
    left: calc(100% + var(--tooltip-offset-x, 0px));
    background-color: rgba(255, 165, 0, 0.9);
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 0.875rem;
    white-space: nowrap;
    z-index: 1000;
    transform: translateY(-100%);
    margin-top: -5px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

    .validation-tooltip::after {
        content: "";
        position: absolute;
        bottom: -5px;
        right: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: rgba(255, 165, 0, 0.9) transparent transparent transparent;
    }

.validated-textarea-container .validation-tooltip {
    opacity: 1;
}