.enrep-spellcheck-warning {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 .15rem rgba(220, 53, 69, .12) !important;
}

.enrep-spellcheck-anchor {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    width: auto;
    max-width: max-content;
}

.enrep-spellcheck-badge {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    margin: 0 0 0 .35rem;
    padding: .25rem .5rem;
    border: 1px solid #f0ad4e;
    border-radius: .25rem;
    background: #fff8e6;
    color: #7a4b00;
    font-size: .8rem;
    line-height: 1.2;
    cursor: pointer;
    white-space: nowrap;
    width: auto;
    max-width: max-content;
}

.enrep-spellcheck-badge i {
    color: #dc3545;
}

.enrep-spellcheck-modal {
    font-size: .95rem;
}

.enrep-spellcheck-field {
    border: 1px solid #e7e7e7;
    border-radius: .35rem;
    margin-bottom: .75rem;
    overflow: hidden;
}

.enrep-spellcheck-field-title {
    background: #f7f9fb;
    border-bottom: 1px solid #e7e7e7;
    font-weight: 600;
    padding: .55rem .75rem;
}

.enrep-spellcheck-word-row {
    display: grid;
    grid-template-columns: minmax(8rem, 1fr) minmax(12rem, 2fr) auto;
    gap: .5rem;
    align-items: center;
    padding: .55rem .75rem;
    border-bottom: 1px solid #f0f0f0;
}

.enrep-spellcheck-word-row:last-child {
    border-bottom: 0;
}

.enrep-spellcheck-word {
    color: #b02a37;
    font-weight: 600;
    word-break: break-word;
}

.enrep-spellcheck-suggestions {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.enrep-spellcheck-suggestion {
    border: 1px solid #b7d4f3;
    border-radius: .25rem;
    background: #eef6ff;
    color: #0b5ed7;
    padding: .2rem .45rem;
}

.enrep-spellcheck-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    justify-content: flex-end;
}

@media (max-width: 767.98px) {
    .enrep-spellcheck-word-row {
        grid-template-columns: 1fr;
    }

    .enrep-spellcheck-actions {
        justify-content: flex-start;
    }

    .enrep-spellcheck-anchor {
        margin-top: .35rem;
    }
}
