/**
 * XSS Validator Styles — Visual feedback for XSS validation
 * 
 * SECURITY: Provides visual indicators when dangerous XSS patterns are detected
 * in form inputs. Applied automatically to all text inputs across the application.
 */

/* Input field highlighting for XSS violations */
input.xss-danger,
textarea.xss-danger {
    border-color: #dc3545 !important;
    background-color: #fff5f5 !important;
    box-shadow: 0 0 3px rgba(220, 53, 69, 0.5) !important;
}

/* Input field highlighting for clean content */
input.xss-safe,
textarea.xss-safe {
    border-color: #28a745 !important;
    background-color: #f5fff5 !important;
}

/* Alert banner styling */
#xssValidationBanner {
    border-left: 4px solid #ffc107;
    background-color: #fffbea;
}

#xssValidationBanner strong {
    color: #856404;
}

#xssValidationBanner small {
    color: #7d6608;
    display: block;
    margin-top: 5px;
}

/* Disabled state for submit button when violations exist */
form.has-xss-violations button[type="submit"],
form.has-xss-violations input[type="submit"] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Smooth transitions for visual feedback */
input.xss-danger,
input.xss-safe,
textarea.xss-danger,
textarea.xss-safe {
    transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}