/**
 * Colored requiredness indicators for help text in Wagtail admin.
 *
 * Styles the [REQUIRED], [OPTIONAL], and [CONDITIONALLY REQUIRED] tags
 * that appear in field help text to match the email template colors.
 *
 * Colors:
 * - Required: Red (#c0392b)
 * - Microcredential/Conditional: Orange (#e67e22)
 * - Optional: Green (#27ae60)
 */

.requiredness-indicator {
    font-weight: 600;
    font-size: 0.9em;
    padding: 1px 4px;
    border-radius: 3px;
    white-space: nowrap;
}

.requiredness-indicator--required {
    color: #c0392b;
    background-color: rgba(192, 57, 43, 0.1);
}

.requiredness-indicator--microcredential,
.requiredness-indicator--conditional {
    color: #e67e22;
    background-color: rgba(230, 126, 34, 0.1);
}

.requiredness-indicator--optional {
    color: #27ae60;
    background-color: rgba(39, 174, 96, 0.1);
}