/* Upwork Auto Bold Converter Styles */

/* Visual feedback when asterisk patterns are detected */
.upw-textarea.upw-processing-bold {
    transition: background-color 0.2s ease !important;
}

/* Optional: Add a subtle hint in the placeholder */
.upw-textarea::placeholder {
    color: #9ca3af !important;
}

/* You can add a help tooltip near the textarea if needed */
.upw-bold-hint {
    position: absolute !important;
    bottom: 50px !important;
    right: 20px !important;
    background: rgba(59, 130, 246, 0.1) !important;
    border: 1px solid rgba(59, 130, 246, 0.3) !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
    font-size: 12px !important;
    color: #3b82f6 !important;
    pointer-events: none !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
    z-index: 5 !important;
}

.upw-textarea:focus ~ .upw-bold-hint {
    opacity: 1 !important;
}

/* Animation for converted text */
@keyframes upw-bold-convert {
    0% {
        background-color: rgba(59, 130, 246, 0.1);
    }
    100% {
        background-color: transparent;
    }
}