.cr-acciones {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 4px;
    color: #64748b;
    font-size: 0.58rem;
}

.cr-revisar {
    padding: 4px 9px;
    border: 1px solid #7c3aed;
    border-radius: 5px;
    background: #fff;
    color: #6d28d9;
    cursor: pointer;
    font-size: 0.58rem;
    font-weight: 600;
}

.cr-revisar:hover { background: #f5f3ff; }
.cr-revisar:disabled { cursor: wait; opacity: 0.65; }

.cr-panel {
    margin-top: 5px;
    border: 1px solid #ddd6fe;
    border-radius: 6px;
    background: #fafafa;
    color: #334155;
    font-size: 0.62rem;
    overflow: hidden;
}

.cr-resumen {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 9px;
    background: #f5f3ff;
    color: #5b21b6;
    font-weight: 700;
}

.cr-cerrar {
    border: 0;
    background: transparent;
    color: #64748b;
    cursor: pointer;
}

.cr-lista { max-height: 260px; overflow-y: auto; }
.cr-sugerencia { padding: 8px 9px; border-top: 1px solid #e5e7eb; }
.cr-sugerencia:first-child { border-top: 0; }
.cr-sugerencia-cabecera { display: flex; align-items: center; gap: 6px; }

.cr-categoria {
    flex: 0 0 auto;
    padding: 2px 5px;
    border-radius: 10px;
    background: #ede9fe;
    color: #6d28d9;
    font-size: 0.54rem;
    font-weight: 700;
}

.cr-contexto {
    margin-top: 5px;
    padding: 5px 7px;
    border-radius: 4px;
    background: #fff;
    color: #475569;
    line-height: 1.45;
}

.cr-contexto mark { background: #fecaca; color: #991b1b; }
.cr-reemplazos { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 6px; }
.cr-reemplazos button {
    padding: 3px 7px;
    border: 1px solid #86efac;
    border-radius: 4px;
    background: #f0fdf4;
    color: #166534;
    cursor: pointer;
    font-size: 0.58rem;
}

.cr-reemplazos button:hover { background: #dcfce7; }
.cr-mensaje { padding: 7px 9px; }
.cr-mensaje--correcto { background: #f0fdf4; color: #166534; }
.cr-mensaje--pendiente, .cr-mensaje--cargando { background: #eff6ff; color: #1d4ed8; }
.cr-mensaje--error { background: #fef2f2; color: #b91c1c; }

@media (max-width: 768px) {
    .cr-acciones { align-items: flex-start; flex-direction: column; }
    .cr-revisar { width: 100%; }
}